468,316 Members | 2,096 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

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

div position differences in IE6 vs. Mozilla

ps
I can't figure out why the yellow boxes are inside the gray div area in
IE6, but not in Mozilla/Firebird. Any suggestions would be appreciated.
I want the page to appear as it does in IE6.

Here is the page with the layout and html:

http://www.cyberplasm.com/temp/HTMLPage1.htm
Jul 20 '05 #1
10 7392
ps <ps@invalid.com> wrote:
I can't figure out why the yellow boxes are inside the gray div area in
IE6, but not in Mozilla/Firebird. Any suggestions would be appreciated.
I want the page to appear as it does in IE6.

Here is the page with the layout and html:

http://www.cyberplasm.com/temp/HTMLPage1.htm


Because float removes the element from the normal flow. Hence the
contentarea has no content and hence has no height. Add an element
with clear: left; after the last floated element.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #2
ps <ps@invalid.com> wrote:
I can't figure out why the yellow boxes are inside the gray div area in
IE6, but not in Mozilla/Firebird. Any suggestions would be appreciated.
I want the page to appear as it does in IE6.

Here is the page with the layout and html:

http://www.cyberplasm.com/temp/HTMLPage1.htm


Because float removes the element from the normal flow. Hence the
contentarea has no content and hence has no height. Add an element
with clear: left; after the last floated element.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #3
ps <ps@invalid.com> wrote:
I can't figure out why the yellow boxes are inside the gray div area in
IE6, but not in Mozilla/Firebird. Any suggestions would be appreciated.
I want the page to appear as it does in IE6.

Here is the page with the layout and html:

http://www.cyberplasm.com/temp/HTMLPage1.htm


BTW, the appearance in Opera is totally different to either IE or
Mozilla. Probably something to do with the display: inline-block;

And do you mean to trigger quirks mode?

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #4
ps <ps@invalid.com> wrote:
I can't figure out why the yellow boxes are inside the gray div area in
IE6, but not in Mozilla/Firebird. Any suggestions would be appreciated.
I want the page to appear as it does in IE6.

Here is the page with the layout and html:

http://www.cyberplasm.com/temp/HTMLPage1.htm


BTW, the appearance in Opera is totally different to either IE or
Mozilla. Probably something to do with the display: inline-block;

And do you mean to trigger quirks mode?

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #5
ps
Steve Pugh wrote:
ps <ps@invalid.com> wrote:

I can't figure out why the yellow boxes are inside the gray div area in
IE6, but not in Mozilla/Firebird. Any suggestions would be appreciated.
I want the page to appear as it does in IE6.

Here is the page with the layout and html:

http://www.cyberplasm.com/temp/HTMLPage1.htm

Because float removes the element from the normal flow. Hence the
contentarea has no content and hence has no height. Add an element
with clear: left; after the last floated element.

Steve

This fixed it thanks.
Jul 20 '05 #6
ps
Steve Pugh wrote:
ps <ps@invalid.com> wrote:

I can't figure out why the yellow boxes are inside the gray div area in
IE6, but not in Mozilla/Firebird. Any suggestions would be appreciated.
I want the page to appear as it does in IE6.

Here is the page with the layout and html:

http://www.cyberplasm.com/temp/HTMLPage1.htm

Because float removes the element from the normal flow. Hence the
contentarea has no content and hence has no height. Add an element
with clear: left; after the last floated element.

Steve

This fixed it thanks.
Jul 20 '05 #7
ps
Steve Pugh wrote:
ps <ps@invalid.com> wrote:

I can't figure out why the yellow boxes are inside the gray div area in
IE6, but not in Mozilla/Firebird. Any suggestions would be appreciated.
I want the page to appear as it does in IE6.

Here is the page with the layout and html:

http://www.cyberplasm.com/temp/HTMLPage1.htm

BTW, the appearance in Opera is totally different to either IE or
Mozilla. Probably something to do with the display: inline-block;


I took inline-block out and it looks ok in Opera. Thank you.
And do you mean to trigger quirks mode?
No. Where did I do that?

Steve

Jul 20 '05 #8
ps
Steve Pugh wrote:
ps <ps@invalid.com> wrote:

I can't figure out why the yellow boxes are inside the gray div area in
IE6, but not in Mozilla/Firebird. Any suggestions would be appreciated.
I want the page to appear as it does in IE6.

Here is the page with the layout and html:

http://www.cyberplasm.com/temp/HTMLPage1.htm

BTW, the appearance in Opera is totally different to either IE or
Mozilla. Probably something to do with the display: inline-block;


I took inline-block out and it looks ok in Opera. Thank you.
And do you mean to trigger quirks mode?
No. Where did I do that?

Steve

Jul 20 '05 #9
ps <ps@invalid.com> wrote:
Steve Pugh wrote:
And do you mean to trigger quirks mode?


No. Where did I do that?


When you included the HTML 4.0 Transitional doctype. If you want to
trigger standards mode include a more appropriate doctype. See for
example http://www.hut.fi/u/hsivonen/doctype.html or one of the many
other pages on this subject.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #10
ps <ps@invalid.com> wrote:
Steve Pugh wrote:
And do you mean to trigger quirks mode?


No. Where did I do that?


When you included the HTML 4.0 Transitional doctype. If you want to
trigger standards mode include a more appropriate doctype. See for
example http://www.hut.fi/u/hsivonen/doctype.html or one of the many
other pages on this subject.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #11

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Ramesh | last post: by
5 posts views Thread by Claudio Jolowicz | last post: by
4 posts views Thread by Jay | last post: by
3 posts views Thread by knightowl | last post: by
7 posts views Thread by Erik Sandblom | last post: by
5 posts views Thread by Robert | last post: by
5 posts views Thread by vunet.us | last post: by
reply views Thread by NPC403 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.