Page 2 - CSS build problem

Not exactly what im looking for (sorry im finding it hard to explain) but you have pushed me on the right track thx soo much, are the hacks u put in the min-height and the _height and u mentioned using ems and % is that instead of all pixel amounts like borders etc? ill have a fiddle and post up where i get then u will have more of an idea where im coming from cheers again mate time to get on with some build and ill be back to you soon

No worries. Maybe if you mock up a jpg/gif of the layout first then we can cut it up with css to fit.

The ie hacks are the underscore hacks. Only IE will read those. IE doesn't support min-width, but the same effect is achieved in IE by using height.

em and % are preferred over pixels, or other fixed units, in that a person who wants to zoom will zoom the whole page relative to the em/% setting. With fixed units the layout very quickly breaks when zooming.

cool cheers mate. what ill do is build it a way i think i can then if u would not just mind looking over it for that would be great

ok here goes

http://www.sluap.com/cssproblem/Untitled-2.htm

Ignore the size of the background image that is going to change, but the above is what i need it todo in FFox in IE we have a slight problem on the bottom margin, have a built this the best way or would you recomend anything diferent plus anyway i can get arround the IE thing.

Cheers Again

sorted the IE thing so its just if u have any tips / build it a other way

Cheers

i presume the text won't overlap the borders in the final design!?

no thats there for so i can test the box's there is alot todo within those box's yet

ah right ok. There seems to be a lot u want to change or sork on so i would go for it and then ask further opinions

good luck!

cheers mate, yeh i have a few more questions but ill post them when i get to them.. ideally after this im just hoping to come out with best practice for building in css etc, i have built a few beofore (think i posted on in the rate my website thing) but there is still alot i dont know.. ill keep u informed cheers ME

there is always a lot more to learn!!! I'm finding that all the time!

Is there anything i can do without putting a shim in a div to make a div 10px high in IE i have had a good read and no luck so far.

im getting there slowly, is there anything i can do to sort out the diference between IE and FF when i aply a margin to a item as its really nice in FF way to much in IE.

Cheers Guys

IE applies the Box Model different to every other browser, which causes endless problems with margin/padding measurements. The best fix is to use a global whitespace reset in your css to set margins and padding on everything to 0. You can then apply margins/padding as required to individual elements as required. Put this at the very top of your css file: