By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,276 Members | 2,063 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,276 IT Pros & Developers. It's quick & easy.

css layout - extra spacing between ie6 divs

P: n/a
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.

Jul 21 '05 #1
Share this Question
Share on Google+
6 Replies


P: n/a
> 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.
Jul 21 '05 #2

P: n/a
On Tue, 28 Dec 2004 21:52:27 -0200, "Eric Meyer"
<er*************@meyerweb.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
Jul 21 '05 #3

P: n/a
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....

Jul 21 '05 #4

P: n/a
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

Jul 21 '05 #5

P: n/a
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;
}

Jul 21 '05 #6

P: n/a
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.


Jul 21 '05 #7

This discussion thread is closed

Replies have been disabled for this discussion.