This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > October 2005 > Why does this page generate a top white line in FireFox?





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Why does this page generate a top white line in FireFox?
typingcat@gmail.com

2005-10-11, 6:21 am

First, thank you for my previous post.
But I'm afraid that I've returned with a more picky question.

http://cat3.dotnet29.hostbasket.com/korean/

This page looks as I intended on Microsoft Internet Explorer 6. But on
FireFox 1.0.7, there is a white line on the top of the page. Could you
please guess what I did wrong? I've tried to solve this for a quite
long time, but failed. Thank you very much for your help!

Els

2005-10-11, 6:21 am

typingcat@XXXXXXXXXX wrote:

> First, thank you for my previous post.
> But I'm afraid that I've returned with a more picky question.
>
> http://cat3.dotnet29.hostbasket.com/korean/
>
> This page looks as I intended on Microsoft Internet Explorer 6. But on
> FireFox 1.0.7, there is a white line on the top of the page. Could you
> please guess what I did wrong? I've tried to solve this for a quite
> long time, but failed. Thank you very much for your help!


Guessing (not looking): not having set padding:0; on the html and body
elements, or having a top margin (default or set) on a h1 element,
which is larger than the top margin (default or set) on the container
div.

Are you sure you only want us to guess, not just look and know? :-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
chris@leipold.ws

2005-10-11, 6:37 pm

Hi,
typingcat@XXXXXXXXXX wrote:
> http://cat3.dotnet29.hostbasket.com/korean/
>
> This page looks as I intended on Microsoft Internet Explorer 6. But on
> FireFox 1.0.7, there is a white line on the top of the page. Could you
> please guess what I did wrong? I've tried to solve this for a quite
> long time, but failed. Thank you very much for your help!

It's the #navigation h1. h1 has a top-margin and firefox uses this
margin although the h1 is positioned absolute. I don't understand why,
but I guess if IE and FF show it different, FF is right ;-)

Chris

Els

2005-10-11, 6:37 pm

chris@leipold.ws wrote:

> Hi,
> typingcat@XXXXXXXXXX wrote:
>
> It's the #navigation h1. h1 has a top-margin and firefox uses this
> margin although the h1 is positioned absolute. I don't understand why,
> but I guess if IE and FF show it different, FF is right ;-)


Spoilsport, we're supposed to guess!

Anyway, now that you looked, I looked too, and noticed that the <h1>
is not positioned absolute, only the <a> inside the <h1> is.
When adding "#navigation h1," before "#navigation h1 a", the problem
disappears.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews