Results 1 to 5 of 5
May 25, 2005, 20:26 #1
'Height:auto' Browser Differences Butchering my Design
Iím having some frustrating problems with my site design, it comes up right in Internet Exploerer but Firefox butchers it.
Site Link: http://www.november21st.com/New/index.php
CSS Link: http://www.november21st.com/New/styles.css
My document consists of 6 divs:
#Background: Displays a background image, holds all site content but not the footer.
#Page: Holds a header image and the rest of the site content.
#Menu: A side menu, holds an unordered list displaying Link1-Link4.
#Content: Holds text, sits to the right of the Menu.
#End: A "footer" for the Page div.
#Footer: document Footer
My problem involves #Content and #Menu along with #Page
The #Content and #Menu are supposed to sit inside #Page side by side with #Pageís creamy colored background expanding to hold them. IE does this right. Firefox fails to do so displaying the documentís black background.
Note: When specifying a pixel height for #Page, it works right in both browsers, but I need my height on auto to expand with the content. I tried specifying 100% as the height, doesnít seem to look any different from auto in both browsers.
May 25, 2005, 20:36 #2
I read another topic here I haven't noticed bellow and found the overflow:auto; property. It works a bit better but now I have a scroll bar.
And one of my footers stop looking like a footer.
*goes back to fixing*
May 25, 2005, 20:40 #3
I think it's starting to look like I need to rewrite my problem. My footer's the only problem now, wow, what a waste of a topic.
May 25, 2005, 20:51 #4
- Join Date
- Oct 2004
- Sendai, Japan
- 0 Post(s)
- 0 Thread(s)
May 25, 2005, 21:55 #5
Thanks, its fixed now! Read your post in meltingInPhoenix's topic, the link helped loads!