468,771 Members | 1,923 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,771 developers. It's quick & easy.

Div left margin getting double size on IE6. Why?

Hi this is the html to generate the behavior:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<body style="margin: 0px; padding: 0px;">
<div style="margin-left: 10px; float: left;">
<div id="test" style="background-color: red;">
test
</div>
</div>
</body>
</html>

I used margin-left: 10px but IE6 show a margin with 20px.

If I remove the style "float: left;" this way:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<body style="margin: 0px; padding: 0px;">
<div style="margin-left: 10px;">
<div id="test" style="background-color: red;">
test
</div>
</div>
</body>
</html>

the IE6 show the right margin.

Please help-me!!!
or my boss will kill me ;)
Jun 27 '08 #1
5 3360
On 12 May, 18:10, Neviton <nevito...@gmail.comwrote:
Hi this is the html to generate the behavior:
Don't post fragments or complete pages, post URLs to publically
accessible examples.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Why use XHTML? For XHTML to even begin to be a good idea, you must
know why you're doing it, appreciate why you shouldn't do it,
understand what precise benefit using it will give you for this
precise example, then show that there actually is such a benefit.
There almost never is such a benefit.

Why use Transitional? As for XHTML, maybe even more so.

Use HTML 4.01 Strict instead, all the time, unless you can argue a
good case for it with the audience here.

<html xmlns="http://www.w3.org/1999/xhtml" >
<body style="margin: 0px; padding: 0px;">
Where's the <headand <titleelements?

This code is invalid. That means three or four things at least:

* You haven't read the newsgroup, or understood the importance of
using valid markup.
** You don't appreciate that posting invalid code here is just going
to generate a "Post valid code" response.

* Invalid code makes IE go bananas. A basic starting point for keeping
it under control is to only feed it valid code.

* You don't validate your code as a matter of course. _Anything_ could
be hiding in there.

* We don't have time to fix valid code. We certainly don't have time
to mess with invalid stuff. Do the basics yourself first.

I used margin-left: 10px (and float:left;) but IE6 show a margin with 20px.
Go and read http://brainjar.com/css/positioning/ on the meaning and
effects of "width" and "margin" when applied to floated elements. You
need to understand what float means first of all before using it. In
particular the stuff about floated elements being taken out of the
normal flow of rendered elements.

Please help-me!!!
or my boss will kill me ;)
We're still thinking about it.
Jun 27 '08 #2
On May 12, 6:10*pm, Neviton <nevito...@gmail.comwrote:
Hi this is the html to generate the behavior:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www..w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<body style="margin: 0px; padding: 0px;">
* * * * <div style="margin-left: 10px; float: left;">
* * * * * * * * <div id="test" style="background-color: red;">
* * * * * * * * * * * * test
* * * * * * * * </div>
* * * * </div>
</body>
</html>

I used margin-left: 10px but IE6 show a margin with 20px.
Known bug with IE6. If you float to one side it doubles the margin on
the same of the floated element.

See http://www.positioniseverything.net/...ed-margin.html
Steve


Jun 27 '08 #3
Man whats your problem?
Are you angry?

If I have asked for help is cause I dont know how to do what I need.

Could you undestand it?

I dont put head e title element just to let the code smaller to post
and this dont make difference to show what I want.

please if dont have patience just let me without your help.

I just though I would find some help on it.

And sorry if I made your day more bad.
Jun 27 '08 #4
Thank you very very much

I really appreciate your help
See http://www.positioniseverything.net/...ed-margin.html
I will take a look on this link
Jun 27 '08 #5
Andy Dingley
Whats your problem?
Are you angry?

If I have asked for help is cause I dont know how to do what I need.

Could you undestand it?

I dont put head e title element just to let the code smaller to post
and this dont make difference to show what I want.

please if dont have patience just let me without your help.

I just though I would find some help on it.

And sorry if I made your day more bad.
Jun 27 '08 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

8 posts views Thread by hzgt9b | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by zhoujie | last post: by
1 post views Thread by Marin | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.