O Bikkhus, I've got a page I'm working on (re-writing a current page) where I want it to look acceptable with 800x600 while still retaining its current look at 1024+ (current site is static for that size). I have a floated container with min and max width set. Inside is another (static) container also with min and max width. Page one worked out great in all browsers except Konqueror which managed to screw up everything including the links on the right side (wtf is wrong with that thing?) however the next page is set up a little differently and while IE and mozilla are behaving as I expected, Opera and Safari are not. They appear to be "shrinkwrapping" which someone explained to me would happen when no explicit width is set. However, setting an explicit width overrides my min and max and defeats the whole purpose of flexible width. html, working page (blue for static container, light blue for outer floated container, ads removed) http://stommepoes.jobva.nl/Scooterverzekeren/scooterverzekeren.html non working page (green for static container, light blue for outer floated container): http://stommepoes.jobva.nl/Scooterverzekeren/scooterbereken1.html CSS: http://stommepoes.jobva.nl/Scooterverzekeren/scooter.css Now some things: The first (working) page has some weird things going on for a variety of reasons. There is a right margin on the static div (called "inhoud") so that there is room for some links to sit to the right. I needed the source to stay in its current form, and that means left sidebar first, then content, then those links. The second (non-working) page doesn't have that margin, and because no space is needed for any right columns the min and max widths are different for the static div. The static div here is coloured green. Inside the static div is a form-- I've taken out the form for testing, and put it back in, doesn't seem to matter what's inside the static div-- and Opera and Safari are keeping the min width for the static, and shrinkwrapping the outer float. Since this works in Mozilla on XP (it started out okay on Mozilla for Ubuntu but then it got weird), I don't automatically assume that IE is working because of bugs or something (I'm using the scripting CSS for IE6 with the * html hack). Anyone have any ideas? Is there something strange about these two browsers or is my CSS simply not doing it right? I ran across another thread (though it was from 2005) where a poster suggested only haveing the outer floating div have the min and max width while the inner static div is given a % width. I'll think about it, but first I want to see if this can still work out the way I've got it now (meaning, I got one page to work and hope not to have to redo that one as well : ) I posted this in another forum too but the people here have different insights sometimes (and I got most of the ideas here from a crusty old guy here : )
And, why 800x600? http://www.spitsnet.nl/nieuws.php/1/112797/cci Mobile internetting increases rapidly while large telecom companies try to keep up including T-mobile, KPN, and groups like MSN and Yahoo try to make pages for mobiles. Guess what, I think it's better if your normal page also looks good on a mobile. Less work.