3 replies [Last post]
pospiech
Offline
Regular
Last seen: 12 years 35 weeks ago
Joined: 2004-02-16
Posts: 23
Points: 0

This layout works perfect in IE 5 and Opera 7 but crashes completely in Mozilla (firefox 0.Cool:
http://www.matthiaspospiech.de/test4/cqa.htm

I have no idead what I could do to get rid of the problem - I would take any suggestion that helps. Even a complete different approach for this layout would be great.

The layout shall consist of a 2x2 Table with different colors that can contain floating containers itsself.

If I can not get a solution rather quickly I would have to go back to a table based design. (I have a time limit for the project)

Here the names of the according css files:
http://www.matthiaspospiech.de/test4/css/main.css
http://www.matthiaspospiech.de/test4/css/layout.css
http://www.matthiaspospiech.de/test4/css/layout-pagehead.css
http://www.matthiaspospiech.de/test4/css/layout-navmenu.css

Hope that is enough for discribing the problem.
Matthias

co2
co2's picture
Offline
Leader
UK
Last seen: 12 years 24 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

[desperate] Layout crashes completely in mozilla !!

Try this:

http://pub.c-o2.net/emergency.htm

It works in Firefox (and Safari on OS X). You'll have to set the width of the top divs to whatever you want.

Also, the next element to come after these divs (such as a content div) will have to have the CSS declaration...

clear: left;

To make sure it doesn't jump to the right of the divs.

Let me know if it's okay.

The next sentence is true. The previous sentence is false. Discuss...

pospiech
Offline
Regular
Last seen: 12 years 35 weeks ago
Joined: 2004-02-16
Posts: 23
Points: 0

[desperate] Layout crashes completely in mozilla !!

Yes it works this way - it is now fixed which I had wanted to avoid, but if this is the only way it does work it is ok.
However, the clear:both does not have any effect in firebird if I set the length of the boxes so low that all four fit in the first line.

I mean:
<div id="first"></div><div id="second"></div>
<div style="clear:both;"></div>
<div id="third"></div><div id="fourth"></div>
does not push the last two boxes in the next line in firebird, but in Opera and IE ??

Maybe I did not understand the clear command clearly because this is confusing.

The finished layout can now be viewed at
http://www.matthiaspospiech.de/test4/cqa.htm

I'd be happy about any comment.
Matthias

co2
co2's picture
Offline
Leader
UK
Last seen: 12 years 24 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

[desperate] Layout crashes completely in mozilla !!

You could also make the left-hand div's (the two blue ones) positioned absolutely and z-indexed above everything else. You can then start the longer horizontal divs from left: 0; and give them a width: 100%; ... this'll make them stretch with the browser window.

The next sentence is true. The previous sentence is false. Discuss...