468,140 Members | 1,595 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

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

help: margin-left not getting applied...

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?
Jun 27 '08 #1
8 2027
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?
Jun 27 '08 #2
In article
<a7**********************************@e39g2000hsf. googlegroups.com>,
hzgt9b <ce******@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?
Jun 27 '08 #3
On Apr 24, 10:57*am, David Stone <no.em...@domain.invalidwrote:
In article
<a7661506-9772-40c3-a62a-89d827797...@e39g2000hsf.googlegroups.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
Jun 27 '08 #4

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

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

--
Berg
Jun 27 '08 #5
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: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.
Jun 27 '08 #6
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: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?
Jun 27 '08 #7
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: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
Jun 27 '08 #8
On Apr 27, 9:39*pm, Gus Richter <gusrich...@netscape.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: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
Jun 27 '08 #9

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by fabien | last post: by
38 posts views Thread by Kai Jaeger | last post: by
2 posts views Thread by MM | last post: by
3 posts views Thread by gscott66 | last post: by
6 posts views Thread by Alan Silver | last post: by
27 posts views Thread by didacticone | last post: by
1 post views Thread by gcdp | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.