Layout Problems..

[Halloko]

And he returns once again

First of all, this is what I'd like to achieve (just some rough sketch):

http://www.blacksmith-studios.dk/front_layout.jpg

I couldn't decide whether to do this using a table or CSS (though I know one should refrain from using tables for layout).
Initially I made three rows. The two big pictures each took up two rows, while the small picture and its corresponding grey field in the middle took up two. The two bottom grey fields and the logo were placed in the third row.
That didn't work out as expected in both IE and FF at the same time.

So, now, after having spent a few hours on this baby I'd like to hear you guys' opinions on how you'd do this. Should I split up the big pictures in two parts, one residing in the same row as the small picture and the other in the next row together with the grey field in the middle?

Thanks,

 

[DaRNCaT]

Try putting sized sub tables inside the grey areas, and making them the same size as the td they are in, also set a width and height to the table might help. (assuming you are using tables)
css would probably be easier.

----------------------------------------
Sometimes, when my code just won't behave, I take it outside and make it listen to britney spears music, and when it comes back it's really well behaved. I wonder if it's suffering from post tramatic stress syndrome now..

 

[cantfindausername]

Personally I would use <div>'s

For my site I've tried all sorts of different approaches, and have found div's to be the easiest to get what you want. One problem I had was things kept changing size in dreamweaver, but when using div's, it seems to be alot more controlable IMHO.

 

[Vragabond]

If I look at the layout picture, this is what I see.

1. Three floated divs with some margins.
2. Four pictures in their respective aforementioned divs.
3. Three paragraphs with gray background where they belong.

Work with that and show us what you did.

I also see dead people, but that is an entirely different story.

 

[Halloko]

Thanks for the replies.

So, I would have three paragraphs where the middle one would contain two pictures and a gray area?

 

[Halloko]

Oh, and should I just e.g. float them all left so they'll stack up after each other?

 

[Halloko]

Thanks guys.

Using <div>'s worked out!