help: margin-left not getting applied...

**hzgt9b** · Jun 27 '08, 07:17 PM

Re: help: margin-left not getting applied...

On Apr 23, 12:52 pm, hzgt9b <celof...@gmail .comwrote:

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 - right now it appears that it is getting
ignored. It only seems to be a problem with the 1st div added to the
containing div. If I add any other element before this first div (even
a comment) then the margin-left gets applied to the offending div.
>
QUESTIONS:
Does anyone know why the margin-left is not getting applied? If so,
any suggestions on how to fix it?
>
Here's a page showing the problem:http://www.freewebtown.com/emailcelo...eftMargin.html
>
Thoughts?

Anyone?

**David Stone** · Jun 27 '08, 07:17 PM

Re: help: margin-left not getting applied...

In article
<a7661506-9772-40c3-a62a-89d8277975ad@e3 9g2000hsf.googl egroups.com>,
hzgt9b <celoftis@gmail .comwrote:

On Apr 23, 12:52 pm, hzgt9b <celof...@gmail .comwrote:

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 - right now it appears that it is getting
ignored. It only seems to be a problem with the 1st div added to the
containing div. If I add any other element before this first div (even
a comment) then the margin-left gets applied to the offending div.

QUESTIONS:
Does anyone know why the margin-left is not getting applied? If so,
any suggestions on how to fix it?

Here's a page showing the
problem:http://www.freewebtown.com/emailcelo...eftMargin.html

Thoughts?

>
Anyone?

I tried looking at your page earlier, but it didn't actually
seem to exist at the url you provided then.

Looking at it now in both Safari and Firefox (Mac), I see the
same left margin on both divs that you claim appear different.

What browser(s) are you seeing the problem in?

**hzgt9b** · Jun 27 '08, 07:17 PM

Re: help: margin-left not getting applied...

On Apr 24, 10:57 am, David Stone <no.em...@domai n.invalidwrote:

In article
<a7661506-9772-40c3-a62a-89d827797...@e3 9g2000hsf.googl egroups.com>,
>
>
>
>
>
hzgt9b <celof...@gmail .comwrote:

On Apr 23, 12:52 pm, hzgt9b <celof...@gmail .comwrote:

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 - right now it appears that it is getting
ignored. It only seems to be a problem with the 1st div added to the
containing div. If I add any other element before this first div (even
a comment) then the margin-left gets applied to the offending div.

>

QUESTIONS:
Does anyone know why the margin-left is not getting applied? If so,
any suggestions on how to fix it?

>

Here's a page showing the
problem:http://www.freewebtown.com/emailcelo...eftMargin.html

>

Thoughts?

>

Anyone?

>
I tried looking at your page earlier, but it didn't actually
seem to exist at the url you provided then.
>
Looking at it now in both Safari and Firefox (Mac), I see the
same left margin on both divs that you claim appear different.
>
What browser(s) are you seeing the problem in?- Hide quoted text -
>
- Show quoted text -

IE6, IE7

**Bergamot** · Jun 27 '08, 07:17 PM

Re: help: margin-left not getting applied...

hzgt9b wrote:

On Apr 23, 12:52 pm, hzgt9b <celof...@gmail .comwrote:

>>
>I am having trouble getting the 1st div added to a containing div to
>have its margin-left applied
>>
>http://www.freewebtown.com/emailcelo...eftMargin.html

What's with all the convoluted containers? This is way more complicated
than it needs to be, plus it's a most serious case of "div-itis".

posh - Microformats Wiki

http://microformats.org/wiki/posh

I bet if you simplified it, the problem would disappear on its own.

BTW, this:
#contents {
position:relati ve;
top:2em;
}

probably doesn't do what you think it does.

BrainJar.com: CSS Positioning

http://brainjar.com/css/positioning/

--
Berg

**hzgt9b** · Jun 27 '08, 07:17 PM

Re: help: margin-left not getting applied...

On Apr 24, 3:05 pm, Bergamot <berga...@visi. comwrote:

hzgt9b wrote:

On Apr 23, 12:52 pm, hzgt9b <celof...@gmail .comwrote:

>

I am having trouble getting the 1st div added to a containing div to
have its margin-left applied

>

>http://www.freewebtown.com/emailcelo...eftMargin.html

>
What's with all the convoluted containers? This is way more complicated
than it needs to be, plus it's a most serious case of "div-itis".http://microformats.org/wiki/posh
>
I bet if you simplified it, the problem would disappear on its own.
>
BTW, this:
#contents {
position:relati ve;
top:2em;
>
}
>
probably doesn't do what you think it does.http://brainjar.com/css/positioning/
>
--
Berg

>What's with all the convoluted containers?

The example page is the most simplified form of the actual problem
that I could create to display the problem and to includ all the CSS
markup that acts on the offending element and/or its ancestors in the
page hierarchy (the other containers serve to hold other content in
the full version of the page).

The #contents div is styled as intended.

**hzgt9b** · Jun 27 '08, 07:17 PM

Re: help: margin-left not getting applied...

On Apr 24, 3:31 pm, hzgt9b <celof...@gmail .comwrote:

On Apr 24, 3:05 pm, Bergamot <berga...@visi. comwrote:
>
>
>
>
>

hzgt9b wrote:

On Apr 23, 12:52 pm, hzgt9b <celof...@gmail .comwrote:

>

>I am having trouble getting the 1st div added to a containing div to
>have its margin-left applied

>

>>http://www.freewebtown.com/emailcelo...eftMargin.html

>

What's with all the convoluted containers? This is way more complicated
than it needs to be, plus it's a most serious case of "div-itis".http://microformats.org/wiki/posh

>

I bet if you simplified it, the problem would disappear on its own.

>

BTW, this:
#contents {
position:relati ve;
top:2em;

>

}

>

probably doesn't do what you think it does.http://brainjar.com/css/positioning/

>

--
Berg

What's with all the convoluted containers?

>
The example page is the most simplified form of the actual problem
that I could create to display the problem and to includ all the CSS
markup that acts on the offending element and/or its ancestors in the
page hierarchy (the other containers serve to hold other content in
the full version of the page).
>
The #contents div is styled as intended.- Hide quoted text -
>
- Show quoted text -

Any other suggestions?

**Gus Richter** · Jun 27 '08, 07:17 PM

Re: help: margin-left not getting applied...

hzgt9b wrote:

On Apr 24, 3:31 pm, hzgt9b <celof...@gmail .comwrote:

>On Apr 24, 3:05 pm, Bergamot <berga...@visi. comwrote:
>>

>>hzgt9b wrote:
>>>On Apr 23, 12:52 pm, hzgt9b <celof...@gmail .comwrote:
>>>>I am having trouble getting the 1st div added to a containing div to
>>>>have its margin-left applied
>>>>http://www.freewebtown.com/emailcelo...eftMargin.html
>>What's with all the convoluted containers? This is way more complicated
>>than it needs to be, plus it's a most serious case of "div-itis".http://microformats.org/wiki/posh
>>I bet if you simplified it, the problem would disappear on its own.
>>BTW, this:
>>#contents {
>> position:relati ve;
>> top:2em;
>>}
>>probably doesn't do what you think it does.http://brainjar.com/css/positioning/
>>--
>>Berg
>>>What's with all the convoluted containers?

>The example page is the most simplified form of the actual problem
>that I could create to display the problem and to includ all the CSS
>markup that acts on the offending element and/or its ancestors in the
>page hierarchy (the other containers serve to hold other content in
>the full version of the page).
>>
>The #contents div is styled as intended.- Hide quoted text -
>>
>- Show quoted text -

>
Any other suggestions?

Why IE barfs is probably tied in with its box model problem.
In any case, there is one good rule to go by:

Use margin to position the container.
Use padding to position the content.

Change:
<div style="margin-left: 30px; .....
To:
<div style="padding-left: 30px; .....

--
Gus

**hzgt9b** · Jun 27 '08, 07:17 PM

Re: help: margin-left not getting applied...

On Apr 27, 9:39 pm, Gus Richter <gusrich...@net scape.netwrote:

hzgt9b wrote:

On Apr 24, 3:31 pm, hzgt9b <celof...@gmail .comwrote:

On Apr 24, 3:05 pm, Bergamot <berga...@visi. comwrote:

>

>hzgt9b wrote:
>>On Apr 23, 12:52 pm, hzgt9b <celof...@gmail .comwrote:
>>>I am having trouble getting the 1st div added to a containing div to
>>>have its margin-left applied
>>>>http://www.freewebtown.com/emailcelo...eftMargin.html
>What's with all the convoluted containers? This is way more complicated
>than it needs to be, plus it's a most serious case of "div-itis".http://microformats.org/wiki/posh
>I bet if you simplified it, the problem would disappear on its own.
>BTW, this:
>#contents {
> position:relati ve;
> top:2em;
>}
>probably doesn't do what you think it does.http://brainjar.com/css/positioning/
>--
>Berg
>>What's with all the convoluted containers?
The example page is the most simplified form of the actual problem
that I could create to display the problem and to includ all the CSS
markup that acts on the offending element and/or its ancestors in the
page hierarchy (the other containers serve to hold other content in
the full version of the page).

>

The #contents div is styled as intended.- Hide quoted text -

>

- Show quoted text -

>

Any other suggestions?

>
Why IE barfs is probably tied in with its box model problem.
In any case, there is one good rule to go by:
>
Use margin to position the container.
Use padding to position the content.
>
Change:
<div style="margin-left: 30px; .....
To:
<div style="padding-left: 30px; .....
>
--
Gus- Hide quoted text -
>
- Show quoted text -

Thanks for the tip

help: margin-left not getting applied...

help: margin-left not getting applied...

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment