Thomas Hall wrote:
http://design.tmhdesign.com/meran/italy-golf-spa-e.asp
Please look at this page. The div titled "copyright" jumps up
mid-page when first loaded, but after a refresh it "jumps" to where
it is supposed to be.
Looks like Firefox becomes confused by some mixed styling. So do I...
We can't clear an absolute positioned element, so #copyright should
either be positioned (without a 'clear') or left in the flow (with a clear).
You have this 'mix':
---------------
#copyright{
margin: 100px auto 10px 100px;
padding:0;
position:absolute;
bottom:-92px;
font-size:12px;
text-align:center;
width:600px;
left:0;
clear:both;
}
----------------
Which I would choose to write as this, 'in the flow':
----------------
#copyright{
margin: 10px auto 10px 100px;
font-size:12px;
width:600px;
clear:both;
}
----------------
...if it's just the graphical layout in that page that's important.
Note that all the absolute-positioned elements makes that page break in
all browsers - when the slightest text-zoom is applied.
The pixel-defined line-heights found here and there doesn't help much
either.
Either the template you've found, or your modifications of it - or both
- is seriously flawed.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
