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? 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?
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?
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
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.
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?
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
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 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
| | | | | | | | | | | | | | | |