Thanks again Francky, Going through your points;
The Float:Left's - as soon as I try removing these from the css, things get worst and worse. Do you have to specify Position:Relative? I thought this was the default. I tried taking out the float:left (see www.cityboxer.com/gambling/t-betting.htm) but it went crazy in IE - you just can't win! I must admit, I didn't fully understand your comments regarding the images, but will review this again. The fixed width, left aligned layout is purely a request from the customer which I believe is because they will want a wide advertising banner down the right hand side. I have been trying to convince them to change it to a centered layout until this is ready. The problem with using a font-size:small is that when the use increases the text size, the problem with the boxes comes back and I'm not sure why seeing that the CSS is correct for 12px. Finally, your test page (c) still is wider than the original, and the secondary nav at the bottom of the page is now different and the copyright div is centered and not 'block'ed Regards Pete -----Original Message----- From: francky [mailto:[EMAIL PROTECTED] Sent: 14 August 2006 04:30 To: [EMAIL PROTECTED] Cc: [EMAIL PROTECTED]; [email protected] Subject: Re: [css-d] Sliding door rounded corner boxes francky wrote: >Pete Home wrote: > > >>[...] IE is now a real mess, but FF is a lot better! >>[...] www.cityboxer.com/gambling/betting.htm >> >> >Hi Pete, >[...] >See testpage a ><http://home.tiscali.nl/developerscorner/css-discuss/test-betting-a.htm>. > >[...] >See testpage b ><http://home.tiscali.nl/developerscorner/css-discuss/test-betting-b.htm>. > >There is some more to do, but I've to excuse for this moment ... lack >of time... >Hope to come back soon, > >francky > Back again, * Looking in your code: WOW, somebody seems to be afraid to get wet feet: almost everything is floating! ;-) Mostly a simple {text-align:left} can position the content of a <div> to the left side; or it is there already by default. Only the li's of the nav's and the two columns in the content box really need to be floating on this page. That means: the main css of the page can be simplified a lot, which is easier to handle too! * The big corner/border images for the content box can be replaced by 2 small ones, with some other css. * The fixed width is using only a part of the screen, especially at bigger resolutions only the half of the screen (or less) is used. See 1280x1024 screenshot <http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-cityb oxer.jpg>. *) But people don't buy heavy inch'ed monitors with big resolutions to see only a humble part used by a web page... A more flexible width can use as much of the screen as you wish, for each reso (from 800x600, without the need of scrolling left-right): another 1280x1024 screenshot <http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-cityb oxer-test.jpg>. * The fixed (and rather small) font-size is prohibiting around 80%-85% of the visitors (the IE people) to upscale the font if they need that (especially at bigger resolutions). The css-validator better should give a WARNING for this! :-) Setting the font-size in a relative unit is solving this. * The 2 OnlineShop images can be combined in 1. And? Okay, here is the continued story: re-css'd to testpage c <http://home.tiscali.nl/developerscorner/css-discuss/test-betting-c.htm>. **) Even IE6 on Win is quite happy in this way! :-) Greetings, francky *) Brought back to 900x720px. **) The css rules in the test page are adding (or changing) parts of the rules from the related original stylesheet. For some css rules I could not escape/change your css; in the test page some id's and classes have got new names! Also the not mentioned classes / id's in the html of the test page can be deleted in the stylesheet. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
