ed asked: >> http://bit.ly/dhg6xI >> For some reason that I cannot understand when I move my css from the >> html >> to the css file (even when I leave the conditional code in the html) the >> css messes up. Why on earth is this happening? Very strange. Maybe the >> onpage css takes precendce over the external css? ljr responded: > I haven't looked at your URL, but the order of precedence is inline, > embedded, and then external. You may be changing the cascade order by > moving some of the styles from embedded to external. This is probably the case. For instance, in your external sheet you have: #wrapper { padding: 0px 10px 10px 10px; margin: 0px auto; width: 845px; height: 100%; background-color: #fff; text-align: left } But then you have this embedded (which will over-rule the external sheet): #wrapper { min-height:100%;/*Min-height instead to allow for expansion*/ height:auto;/*just remove the height you set*/ margin-top:-52px;/* -72px;total footer height*/ overflow:hidden;/*contain floats*/ padding-bottom:0; } So the wrapper will have a top margin of zero instead of negative 52 pixels and a bottom padding of zero instead of 10 pixels. If you are using an external style sheet, you should only use embedded styles to change the style for that particular page. You also have some inline styles, which will supercede both the embedded and external styles. -Nancy ______________________________________________________________________ css-discuss [EMAIL-REMOVED]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
