Sat, 2004-10-09 12:09
Hi
I've develped this website:
I've noticed in FireFox if I open the Sage sidebar or if I just resize the browser window so that it's smaller then the text above the horizontal line (above the page title) drops so that it overlaps the horizontal line.
The external css file is at:
http://www.dccc.org.au/css/dccc.css
In other words my <div id="header"> is overlapping <div id="main">
How can I fix this for Firefox?
Thanks
Peter Mount
Sun, 2004-10-10 00:32
#1
Re: screen resize issue in FireFox v1.0 PR
OK, I think I got it. Using a bottom margin or padding in the #header instead of specifying its height will allow it to stretch. If you don't want it to stretch, then you'll have to use overflow: hidden.
#header{
/* height: 12.5em; */
padding: 0 0 0 12.3em;
font-size: 1em;
clear: both;
margin: 0 0 0 0;
border-bottom: 1px solid Black;
}
html>body #header{
/* height: 12.8em; */
padding: 0 0 0 12.4em;
}
Sun, 2004-10-10 08:04
#2
screen resize issue in FireFox v1.0 PR
Hi
Thanks for that. That really helped
Have a good day
Peter Mount