Lots Of Problems With This Css

[Blackcat]

In the blog of my customer l am currently re-designing, l have two big problems l can't solve without some help:

 

1- The selection of the text is made "blocks by blocks", i.e., you can't select portion of text, your mouse will roll over all posts

 

2- There is no way in the stylesheet to align the two columns in the center of the page: only the title is aligned.

 

Any idea? The url is this

 

Thank you!

[borfast]

I'm not sure I understand the first problem. I can select any portion of text I want. Perhaps it's a problem with the browser you're using?

 

About the second problem, if you're designing the site with a static width, it's easy to center it with CSS; just set the widht of the DIV you want to center to whatever you want and then set "margin-right: auto" and "margin-left: auto;". That should do it

Edited May 19, 2004 by TCH-Raul

[Blackcat]

Unfortunately, Raul, from posts in the home page l can only select big blocks of text. If you go to the individual entry page, everything can be selected normally.

 

So, it is not a Browser problem (IE 6) but something in the HTML code or the CSS...

 

And l can't really work it out!

 

Tonight l try to rearrange the divs as you suggested.

 

Thank you!

[borfast]

I may be wrong but I still think it's a problem with IE, because I can select any portion of text I want (I'm using Firefox 0.8), both in the homepage and in the individual entry page...

 

 

Edit: I just tried with Opera and Konqueror and it works fine in both browsers.

Here's some screenshots:

Firefox: http://borfast.com/tch/rolli-firefox.png

Opera: http://borfast.com/tch/rolli-opera.png

Konqueror: http://borfast.com/tch/rolli-konqueror.png

Edited May 19, 2004 by TCH-Raul

[TCH-Bruce]

Hi Black Cat, you aren't losing your mind. I can't select anything but a large block with IE6 either. But as Raul says you can select any text you like with Firefox. Quite strange indeed.

Edited May 19, 2004 by TCH-Bruce

[Blackcat]

Hi Black Cat, you aren't losing your mind.

Ok, now l do not have to book a room in a phsychiatric

 

Maybe it is necessary to use particular codes in html to make it work with IE?

 

The 85% of Rolli's readers use this browser

[borfast]

I wouldn't call it strange, Bruce.

And it's not necessary to use particular codes in html to make it work with IE, either.

It's just the way the browser makers implemented things. IE coders decided that DIV blocks under those circumnstances could only be selected as a whole block. As far as I know, there's no way around it.

 

Once again

Firefox - 1

IE - 0

Edited May 19, 2004 by TCH-Raul

[Blackcat]

I wouldn't call it strange, Bruce.

And it's not necessary to use particular codes in html to make it work with IE, either.

It's just the way the browser makers implement things. IE coders decided that DIV blocks under those circumnstances could only be selected as a whole block. As far as I know, there's no way around it.

 

Once again

Firefox - 1

IE - 0

Mmmmhhh, what if l change divs in tds? (Only ones identifying columns, naturally)

[borfast]

I don't know, it may work... but then again, it may not.

I have no idea what triggers this behavior in IE, I know I noticed it a few times but I never associated it with anything, so I can't tell you what you need to change to make it work.

[DarqFlare]

I've seen that behavior before. My friend was actually able to fix it...

 

Send him an email at darkwulf@omgn.com, make sure to specify in the subject that "DarqFlare" sent you.

[Blackcat]

I've seen that behavior before. My friend was actually able to fix it...

 

Send him an email at darkwulf@omgn.com, make sure to specify in the subject that "DarqFlare" sent you.

With my efficient method (try, if it does not work, go back and try something else ) l definitely solved the problem.

 

The text was inside a box, called "menubox".

 

If you give the position "absolute" to this box, it enables highlighting for all box contents and not single words.

 

If you change position to "center" it works correctly.

 

I could not work it out to align the two columns together at the center of the page, with an high resolution, it still shows everything on the left side of the page. Neither float, or position center, both with fixed, auto, or non specified margins, worked

[DarqFlare]

...

 

This is why I always use tables. lol

[borfast]

I don't have the time, right now but send me a PM so I don't forget it and I'll take a look at it.

[Blackcat]

I don't have the time, right now but send me a PM so I don't forget it and I'll take a look at it.

I did it!!!

I found a way to put the two columns in the middle of the page, independently from screen resolution!

 

Just put a "table" command at the top of the page with valign=top, and changed divs in tds, erasing margins from stylesheet.

 

Now Rolliblog is finished!

 

[pleased Black Cat]

[borfast]

So you decided to use tables, huh...

 

I thought you wanted to use CSS only, so I didn't even think about the table solution, sorry.

 

I still think you should clean up your code. I know you could make that layout work using only CSS

[Blackcat]

I still think you should clean up your code. I know you could make that layout work using only CSS

I know Raul, but my css knowledge is not enough to start rebuilding this template from the beginning...

 

Website owner wants that layout, already modified to her needs (it took me 3 days to find the correct combination between font size, colors, columns... a very demanding customer Mad!!! ) and, as you told me, it was almost impossible to work it out without cleaning up the code and start all over.

 

I only choose the easiest solution not to loose other precious nights of sleeping