Forum Moderators: open
i see that we can't post links to problems so i shall attempt to explain this as best as poss.
My page is almost all CSS and using <div> tags, but i am using 3 graphics to make a horizontal bar for the main content section (then 2 down the side, and 3 along the bottom) to create a blue box type shape. For the life of me i can't make this work in CSS (something i have to try and learn later) so within the <div class="navigationbar"> (which is where this box is... & excuse the poorly named style) i have placed a 3x3 table. Top row 3 graphics, middle row 2 graphics and text content in the middle. Bottom row, 3 graphics. The table is set to 100% width, and almost all is well.
My problem is thus:
when that div area is perfect in IE, you need a horizontal scroll bar to view the whole area in NN. and when it is perfect in NN, the div area drops down the page and you need a horizontal scroll bar to view in IE.
The change comes from altering my CSS.
Perfect in NN:
#navhorizontal {
margin-left:160px;
margin-top:0px;
margin-right:0px;
}
Perfect in IE:
#navhorizontal {
margin-left:160px;
margin-top:0px;
width:100%;
margin-right:0px;
}
(the left margin is because the left navigation div is 160px wide)
Any insights appreciated, this is confusing me.
Thanks,
Jules
Actually this issue has been resolved elsewhere.
[editor's note: the issue was resolved by removing an xml declaration at the top of the html document]
Thanks for your time though,
Jules
[edited by: tedster at 5:37 pm (utc) on July 9, 2005]
