Julian Voelcker wrote:
>Morning All,
>
>I have been working on a site that has three columns, two of which are
>menus (I didn't design it).
>
>Anyway, if I tweak the column widths to get them to work well in IE6,
>they leave spaces in FF PC, FF Mac, IE Mac, Safari Mac, etc.
>
>If I tweak the the other way (with the exact correct calculated widths)
>it works well in all browsers Except IE!
>
>It is bound to be something really obvious, but I cannot see it.
>
>The site is at http://tinyurl.com/bvo2f
>The main layout CSS is at http://tinyurl.com/b9ru6
>The main styling CSS is at http://tinyurl.com/bkpwr
>
>The other problems I need to resolve, but cannot see anything obviously
>wrong with are:
>1. Space appearing under top right image in IE PC.
>2. Design should be centred in all browsers, but is only centring in
>IE.
>3. I want the background colours of both the menu columns on the right
>to stretch to the bottom regardless of the content, although am tempted
>to cheat with a repeating background image.
>
>Any pointers would be appreciated.
>
>Thanks in advance.
>
Hi Julian,
@ column things
If the other columns allways have more height, you can unfloat the
middle one and give him no width, perhaps?
@1
* html #bodyblock { margin-top: -3px; } /* hacks the 3px bug in IE ;-) */
@2
#outer{text-align:left;width:760px;margin: 0 20px 0 20px;}
#outer{text-align:left;width:760px;margin: 0 auto; }
And: if #outer{width} = #bodyblock{width}, then everything is exactly
centred (now some more space at right side).
@3
Because it is a fixed width model, a bg-img is indeed the easy way I think.
Hope you can use some,
greetings,
francky
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
