Connecting Tech Pros Worldwide Help | Site Map

Unexplainable margin

 
LinkBack Thread Tools Search this Thread
  #1  
Old July 15th, 2008, 01:15 PM
Axel Siebenwirth
Guest
 
Posts: n/a
Default Unexplainable margin

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

  #2  
Old July 15th, 2008, 01:35 PM
Andy Dingley
Guest
 
Posts: n/a
Default Re: Unexplainable margin

On 15 Jul, 14:10, Axel Siebenwirth <a...@nospam.invalidwrote:
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.
  #3  
Old July 15th, 2008, 05:05 PM
Jim Moe
Guest
 
Posts: n/a
Default Re: Unexplainable margin

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)
  #4  
Old July 15th, 2008, 11:40 PM
dorayme
Guest
 
Posts: n/a
Default Re: Unexplainable margin

In article <487ca1ed$0$7545$9b4e6d93@newsspool1.arcor-online.net>,
Axel Siebenwirth <axel@nospam.invalidwrote:
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
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Popular Articles

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over 220,989 network members.