Forum Moderators: not2easy
for a three column setup with header and footer. Everything works pretty good, however I have hit a snag.
Go the page above and highlight the text in the middle column. See how it is not perfectly justified? At some point, the stuff in the left column is bumping the text over and you can notice where it stops. Resize your browser and do it again, now it is in a different spot.
Yes it is just a few pixels but it is driving my crazy. Where ever the text in the left column ends, in the center column the text is offset a bit. I think it is definitely noticable to the naked eye.
I have butchered the code and still can't come up with a solution. The center column is position relative. I tried doing absolute and that cures the problem but then the footer won't be liquid.
<No URLs, thanks. See TOS [WebmasterWorld.com] and CSS Forum Charter [WebmasterWorld.com]>
[edited by: SuzyUK at 8:49 pm (utc) on Jan. 27, 2006]
[edited by: bburleson at 9:07 pm (utc) on Jan. 27, 2006]
Yes it is just a few pixels but it is driving my crazy.
Is this just in IE you are seeing this, if so it's very likely the 3px float jog, it can be worked around sometimes if you give the left column a negative 3px margin but it depends on what else is there and how you've chose to position them.
Can you post the code (html and CSS) for just the three columns so we can see how you've done them we might then be able to help see what the best workaround might be for you..
Suzy
<added>
too slow hehe, but at least we're all in agreement about the problem ;)
just place this in your <body ..... > tag
marginheight='0' topmargin='0' vspace='0' marginwidth='0' leftmargin='0' hspace='0' style='margin:0; padding:0
