What is the best way to write a page that uses min-width and max-width
and will work IE6, IE7 and other modern browsers? [my tiny base of
clients are all corporate microserfs so I must get the IE pages right
- it doesn't actually matter about other browsers.]
I realise that I need a hack for IE6 but not for IE7 so what is the
best IE6 hack that IE7 will ignore? Should I load different style
sheets based up the browser (like this)
<!--[if lte IE 6]>
<link rel="stylesheet" href="IE6-style.css" type="text/css" />
<![endif]-->
if so then where's there a good reference for that <!--[if lte IE 6]>
syntax and which browsers support it?
Am I right in thinking that I only need to apply min-width / max-width
to my outer page element and that I can then use (mainly) percentage
width measurements for all inner elements? I say 'mainly' because I'm
still inclined to use absolute measurements for small things like
borders, padding and margins.
Apart from width, elements are positioned relatively and absolutely on
these pages and I am required to rewrite them to accomondate a degree
of scaling between 1000 to about 1400 px (the precise max-width has
not yet been decided upon). The pages are currently written for an
absolute width of 1024 px.