help: margin-left not getting applied...

[hzgt9b]

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?

[hzgt9b]

On Apr 23, 12:52*pm, hzgt9b <[e-mail]:

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]

In article
<a7**********************************@e39g2000hsf. googlegroups.com>,
hzgt9b <ce******@gmail.comwrote:

On Apr 23, 12:52*pm, hzgt9b <[e-mail]:

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]

On Apr 24, 10:57*am, David Stone <[e-mail]:

In article
<[e-mail]>,

*hzgt9b <[e-mail]:

On Apr 23, 12:52*pm, hzgt9b <[e-mail]:

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]

hzgt9b wrote:

On Apr 23, 12:52 pm, hzgt9b <[e-mail]:

>>
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:relative;
top:2em;
}

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

--
Berg

[hzgt9b]

On Apr 24, 3:05*pm, Bergamot <[e-mail]:

hzgt9b wrote:

On Apr 23, 12:52 pm, hzgt9b <[e-mail]:

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:relative;
* * 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]

On Apr 24, 3:31*pm, hzgt9b <[e-mail]:

On Apr 24, 3:05*pm, Bergamot <[e-mail]:

hzgt9b wrote:

On Apr 23, 12:52 pm, hzgt9b <[e-mail]:

>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:relative;
* * 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]

hzgt9b wrote:

On Apr 24, 3:31 pm, hzgt9b <[e-mail]:

>On Apr 24, 3:05 pm, Bergamot <[e-mail]:

>>hzgt9b wrote:
On Apr 23, 12:52 pm, hzgt9b <[e-mail]:
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:relative;
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]

On Apr 27, 9:39*pm, Gus Richter <[e-mail]:

hzgt9b wrote:

On Apr 24, 3:31 pm, hzgt9b <[e-mail]:

On Apr 24, 3:05 pm, Bergamot <[e-mail]:

>hzgt9b wrote:
On Apr 23, 12:52 pm, hzgt9b <[e-mail]:
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:relative;
* * 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