Unexplainable margin

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Axel Siebenwirth - 15 Jul 2008 14:10 GMT

Hi all,

at a very simple page I've encountered a problem I cannot explain.

http://projects.mooselook.de/landing_page/

Where does the empty space between the line and logo come from???

IE7 always displays the empty space.

When I change DTD to XHTML 1.0 Transitional Firefox displays it as I
expect it with the blue line right underneath the logo. No space.

I appreciate any ideas on this.

Thanks,
Axel

Reply to this Message

Andy Dingley - 15 Jul 2008 14:31 GMT

> Hi all,
>
[quoted text clipped - 3 lines]
>
> Where does the empty space between the line and logo come from???

Possibly from default margins on <div>. You don't set these
explicitly.

You set
div.container {}
but not
div.container div {}

I'd personally be tempted to replace the blue rule image with a CSS
border.

Reply to this Message

Jim Moe - 15 Jul 2008 17:56 GMT

> at a very simple page I've encountered a problem I cannot explain.
> http://projects.mooselook.de/landing_page/
> Where does the empty space between the line and logo come from???

Try "vertical-align: bottom" for the <img>.

Signature

jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Reply to this Message

dorayme - 15 Jul 2008 23:45 GMT

> Hi all,
>
[quoted text clipped - 3 lines]
>
> Where does the empty space between the line and logo come from???

Try

img {display: block;}

Signature

dorayme

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / July 2008

Unexplainable margin