Sent by ~davidLaakso on 28 November 2006 20:08
Margo Warner wrote:
> I have the following code in my style sheet
>
[code and markup trimmed]
>
>
> When viewing in Firefox the bottom padding is ignored and the bottom of
> the colorlogo2.gif sit on top of the bottom border. The h1 is in the
> middle of the of the banner.
>
> When viewing in IE there is a 5px space with the background color of
> #fff6dd between the bottom border and the graphic. The h1 is at the top
> of the banner.
>
> What need to be changed in the code for both browsers to behave like IE?
>
I don't exactly get what you say you get in IE. But anyway, /try/ this
and see if IE will behave like a compliant browser
Set the width and height of the image in the markup.
And amend the css:
#banner{ /*height: 50px;*/}<<<delete the height
h1{ margin: 0;} <<< add to h1
Regards,
~dL
PS FWIW, it would be easier if you sent a clickable to the page rather than css with markup.
--
http://chelseacreekstudio.com/
______________________________________________________________________
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/
