Sent by Gunlaug_Sørtun on 2 May 2007 22:10
Robert Ginn wrote:
> Greetings from a nugget, barely past the basics in CSS.
Welcome :-)
> http://www.sitkamusicfestival.org/0-index.html
> In trying to develop a new header, I've found that Firefox 1.5 puts
> extra padding at the top of the page.
That's the default margin on paragraphs - which differs between browsers.
Declare something like...
table p {margin: 20px 0;}
....(put in your own values) for cross-browser consistency.
> Another difference is that the color (#800000) for the <hr> below the
> text in the header shows correctly as maroon in IE7, but shows an
> empty, colorless line in Firefox. This is an experiment to try to
> make an <hr> tag without using the deprecated attributes available
> within <hr>. I found that "height: 5px;" gives about what I want in
> IE7 (a heavy line), but Firefox shows an empty line.
Again, the defaults differ between browsers, and they interpret styles
and attributes to have different meaning. The <hr> is particularly hard
to style for identical look across browser-land.
In your case, you'll get the correct appearance in Firefox by adding
background-color...
<hr style="width: 32em; height: 5px; color:#800000; background:
#800000;" noshade="noshade" />
I hope you will abstain from such heavy use of inline-styles - once you
have finished testing, as it will make maintenance pretty difficult.
Better to use the style-element in the page-head for experimentation,
and then move all styles to an external CSS file once you've finished.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
