HighDots Forums  

Unexplainable margin

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Unexplainable margin in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Axel Siebenwirth
 
Posts: n/a

Default Unexplainable margin - 07-15-2008 , 09:10 AM






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 With Quote
  #2  
Old   
Andy Dingley
 
Posts: n/a

Default Re: Unexplainable margin - 07-15-2008 , 09:31 AM






On 15 Jul, 14:10, Axel Siebenwirth <a... (AT) nospam (DOT) invalid> wrote:
Quote:
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???

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 With Quote
  #3  
Old   
Jim Moe
 
Posts: n/a

Default Re: Unexplainable margin - 07-15-2008 , 12:56 PM



On 07/15/08 06:10 am, Axel Siebenwirth wrote:
Quote:
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>.

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


Reply With Quote
  #4  
Old   
dorayme
 
Posts: n/a

Default Re: Unexplainable margin - 07-15-2008 , 06:45 PM



In article <487ca1ed$0$7545$9b4e6d93 (AT) newsspool1 (DOT) arcor-online.net>,
Axel Siebenwirth <axel (AT) nospam (DOT) invalid> wrote:

Quote:
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???
Try

img {display: block;}

--
dorayme


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.