Float with 4 DIVS 1

[drkside2]

Hi

I have a problem I will first show you the result that I want to achive

-----------------------------------------------------
| DIV 1 |
-----------------------------------------------------
| | | |
| DIV 3 | | DIV 2 |
| | --------------------
| | | |
| | | DIV 3 |
---------------- --------------------

Hi, the problem is that I can't find a solution to with CSS make it like, I found some solutions, but it either worked for Mozilla or only for IE6.

I know I could have made it alot easier if I have changed the order of the divs, but I am working on an existing HTML file, so I can't change it. Is there a sulotion to make it look like this for both browsers?

I tried, with float method, then it only worked fnie with Mozilla, and I tried to combine margin with it, it won't fit perfect in one of the browsers...any help is apprieciated

THNX

 

[drkside2]

the LEFT DIV is DIV 4, sorry I mistyped and don't know how to edit my post :/

 

[ChrisHunt]

Try using one of the layouts you can reach from

http://www.thenoodleincident.com/tutorials/box_lesson/index.html

- you should find something that will suit.

-- Chris Hunt

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk

 

[mkrausnick]

Another great collection of layouts is SSI Developer:

http://www.ssi-developer.net/main/templates/

Mike Krausnick
Dublin, California