Click to See Complete Forum and Search --> : CSS right column content bumped to bottom left
Hello,
My first CSS site was going fine; I was learning as I went and drawing from different resources. My code and CSS probably isn't very pretty ( I validated it, I know it needs to be cleaned up) but things were working. Then I went back and made some adjustments concerning the widths of my column divs. Now I find that Firefox is respecting the rightcolumn div (specifically: <div id="contentright">)but IE keeps kicking it to the bottom left. I've tried messing with the column lengths so everything fits accordingly as specified in the frame div width. Can anyone please take a look and offer a suggestion? thanks.
http://www.brinjac.com/test/binnspark.html
This is a common IE problem. If you have the widths add up to exactly the width of the div that is holding everything together then IE will kick it down. Make your center div smaller by 5 pixels or so and then change the right hand side div to float=right. This will line it up on the far right of your div that is holding everything together and it will look the same in IE and FF.
You may also want to add a 5px padding to your center div to make everythign look even.
Thansk Sae. I did as you said, but I run into another obstacle. IE still forces it to the bottom of the page (albeit on the right side now). And there is a disparity in the placement of the right column div between FF and IE. (without margins FF places it correctly).
Do me a favour and put borders around each div so we can see the boundaries of each
get rid of your margin-right and your margin-left in your content right div
hi, borders are now added. In FF it looks like my links are not included in my right column div; in IE they look like they are. I got rid of the margin left and margin right in the right column div.
ray326
10-05-2006, 03:08 PM
The clearing break (which should be something else) is outside the div where it's needed. The list of links should be a list, not a paragraph.
The clearing break (which should be something else) is outside the div where it's needed. The list of links should be a list, not a paragraph.
Thank you.
The clearing break goes inside the rightcolumn div?
Tried that here http://www.brinjac.com/test/healthcare.html
but it still looks the same.
You have to make your main content div smaller. You can see in the screen shot that it's too big (regardless of what your width numbers add up to)
ray326
10-05-2006, 10:16 PM
Take the height out of #contentright.
jtillwick
10-05-2006, 10:35 PM
Check out my post http://www.webdeveloper.com/forum/showthread.php?t=123522
Sounds like you had a similar problem to what I had. I found a solution, may help you out too.
I have restyled the right column using a list for my links. However, I need to find a way to control the line lengths so the links stay in the right column space. Seemingly, changing the width on the UL, LI or container div doesn't do the trick...
http://www.brinjac.com/test/education.html