css layout - extra spacing between ie6 divs

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.

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.

On Tue, 28 Dec 2004 21:52:27 -0200, "Eric Meyer"
<ericmeyerREMOVE (AT) meyerweb (DOT) com> wrote:

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?...

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.

--
Rex

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....

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

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;
}

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!!!!


skeeterbug wrote:

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.