Hey
Thats a very nice site layout.
I hope this helps... it's off the top of my head and untested.
From what I can see you have two main content boxes, the top one contains features and latest news. The bottom one contains audio, lighting, staging.
So, for the top one you could have a div called "actions" that contains a box called "features" and another box called "latestnews". Both these boxes could have a width and margin set and both could be floated left.
Underneath these two boxes you could have something that clears these two (clear : both);
The box below could be called "servicesoverview" and contain three simple divs called "service" that contain your audio lighting and staging, rather than use different classes for these. You may need another clear : both under these three.
something like :
.services
{
width : NNNpx
/* other rules like a margin and padding of 0 */
}#servicesoverview .service
{
float : left;
width : NNNpx;
margin : 5px; /* this should give you a consistent margin around all boxes - put this on the boxes in actions as well */
padding : 0px;
border : 1px #blah solid
}
then...
#servicesoverview .service p
{
rules....
}#servicesoverview .service img.serviceheading
{
rules for the heading image
}#servicesoverview .service img.servicegraphic
{
rules for your 220x125 pixel images
}I do a similar thing like this on a few sites, I don't use any hacks for getting floats working and layout right...
The above is a bit simpler than the .subfeaturebox 2 & 1 classes you have. try it out and see what happens. If you try and keep the CSS simple it will look less picky. Descendant selectors help a lot in clearing things up.
I'm surprised that mac IE5 craps out where winternet explorer 5 does it right.
HTH James
Universal Head wrote:
Hope someone can help me with these last problems - I'm stumped.
See
http://www.universalhead.com/clients/jands/
Everything's fine in Safari, Mac Mozilla Firebird, Win Netscape7.1 and Win IE5.
In Win IE 6 the bottom right-hand image goes down underneath the others. I've tried everything and can't find a solution.
In Mac IE5.2 the whole layout breaks, and I have no idea why.
Please help! I'm at the home stretch and this is the last hurdle!
CSS is at http://universalhead.com/clients/jands/css/jands.css
It's a picky business this CSS ain't it? Many, many thanks,
*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************
