2 replies [Last post]
Peter Mount
Peter Mount's picture
Offline
Regular
Melbourne Australia
Last seen: 15 years 1 week ago
Melbourne Australia
Timezone: GMT+10
Joined: 2004-08-08
Posts: 19
Points: 0

Hi

I've develped this website:

http://www.dccc.org.au

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

kojiro
Offline
Regular
Last seen: 17 years 41 weeks ago
Joined: 2004-08-11
Posts: 28
Points: 0

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;
}

All the good sigs were taken.

Peter Mount
Peter Mount's picture
Offline
Regular
Melbourne Australia
Last seen: 15 years 1 week ago
Melbourne Australia
Timezone: GMT+10
Joined: 2004-08-08
Posts: 19
Points: 0

screen resize issue in FireFox v1.0 PR

Hi

Thanks for that. That really helped

Have a good day

Peter Mount