473,387 Members | 1,611 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,387 software developers and data experts.

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 3528
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
by: TJ | last post by:
I've got a calendar that is based on the concept of lots of blocks that are spans with float:left. I would like to be able to have a detail section on the right side of the screen, so that when...
1
by: Chris Pudney | last post by:
G'day, I am using CSS to construct bar charts from nested DIVs. In general this works fine. However, in certain circumstances I need to display multiple charts inline. To get consistent results...
7
by: Alex | last post by:
Hi Everone, I need some advice on how to setup 4 columns where the outside two are absolute (120px) and the inner two (side by side) are relevent (Fluid) and change with the screen. Here's my...
0
by: jonipony | last post by:
HELP: Float Left box is drifting to the right in ie! -------------------------- I need som HELP with my CSS coding! On the following web page my design falls apart at screen size 800 x 600...
5
by: Timeri | last post by:
This is a bit confusing until you actually see what I'm talking about but the main content of my page is not growing with the right column. I want the main content (left/larger column) to take into...
8
by: hzgt9b | last post by:
I am working on a site that is being served to a private network. All the users are using IE6+. I am having trouble getting the 1st div added to a containing div to have its margin-left applied...
4
by: moondaddy | last post by:
I have a wpf project where I use a canvas to drag shapes around. when I drag a shape beyond the right or bottom side I get scrollbars which is good. I also get scrollbars when I zoom in and a...
3
by: Noorain | last post by:
I designed a site. i want to header,footer,left & right column fixed but body information only scrolling. this site screen to be 800/600 px. i designed this way but when i used position fixed all...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.