By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,868 Members | 1,974 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,868 IT Pros & Developers. It's quick & easy.

div position differences in IE6 vs. Mozilla

P: n/a
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
Share this Question
Share on Google+
10 Replies


P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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.