css layout - extra spacing between ie6 divs

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

skeeterbug - 28 Dec 2004 23:02 GMT

please check out

http://www.geocities.com/operationsengineer1/test2.htm

how come there is spacing between my logoheader and the tabs?

i'm also seeing ie6 input an extra 1em of vertical spacing between divs
when i use float and clear to get rid of the float.

i've searched for this problem for two days and haven't found an answer
yet.

Reply to this Message

Eric Meyer - 28 Dec 2004 23:52 GMT

> i've searched for this problem for two days and haven't found an answer
> yet.

You need to write clean code with quotes and semi-colons. Or else, you'll
get different results in each browser.

I can't see your logo. Is it the Yahoo logo on the right-hand side?
Or is the word "Test" your logo? If so, delete the br tag right after the
h1 tag, put the h1 tag inside the body tag, and create a rule for h1:
padding: 0px; and margin: 0px;

Eric.

Reply to this Message

Jan Roland Eriksson - 29 Dec 2004 02:38 GMT

>> i've searched for this problem for two days and haven't found an answer
>> yet.
[quoted text clipped - 4 lines]
>I can't see your logo. Is it the Yahoo logo on the right-hand side?
>Or is the word "Test" your logo?...

It's a repetition of what we had some years back from C-Net and their so
called "help desk", only this time it's Google that stands for the
origin.

Signature

Rex

Reply to this Message

skeeterbug - 29 Dec 2004 23:35 GMT

eric and all, i've cleaned everything up and gotten the extra space
error between the tabs and the blue bar to display. please see

http://www.geocities.com/operationsengineer1/test1.htm
for an example. it displays wrong in ie6 and right in ff1.

tia....

Reply to this Message

skeeterbug - 30 Dec 2004 01:07 GMT

this shows a wrong rendering in ie6:

http://www.geocities.com/operationsengineer1/test1.htm

this shows a right rendering in ie6:
http://www.geocities.com/operationsengineer1/test.htm

Reply to this Message

skeeterbug - 30 Dec 2004 06:57 GMT

i finally settled on

#navigation {
padding: 0;
margin: 0;
border: 0;
}

in order to avoid impacting all my ie formats by using
html * {
    padding: 0;
    margin: 0;
    border: 0;
    }

Reply to this Message

skeeterbug - 30 Dec 2004 07:14 GMT

i figured out that divs weren't the problem. it was spacing before and
after a list that was causing the problem. i'm not sure why the
problem wasn't exhibited in the first example.

anyway, the solution was to include this in my css...

html * {
padding: 0;
margin: 0;
border: 0;
}

all the extra space in ie6 disappeared - and so did the left offset of
the tabs that i couldn't figure out. now that i think about it, it was
the normal indentation of list items - even though i styled my list
horizontally.

whew!!!!

> please check out
>
[quoted text clipped - 7 lines]
> i've searched for this problem for two days and haven't found an answer
> yet.

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / December 2004

css layout - extra spacing between ie6 divs