Hi David > -----Original Message----- > > Hi, > > Thanks very much for that info Wayne. I have tried what you > said below, and on all the Mac browsers I have it works fine. > Will have to wait until the morning to look at it on a PC with IE6. > > I wanted to know why you need to reposition the c2div so that > it follows the c3div? > > > Also there was one other small problem that I have with the > two logos on the home page near the bottom of the page. > > The Weather Logo and the Pay Pal logo align fine in the Mac > browses that I have tried accept Omni Web and Safari where > the Weather logo is lower. > > Any idea why this is? > > Thanks again for your help, much appreciated. > > David >
You'll find more info on the w3 site at http://www.w3.org/TR/REC-CSS2/visuren.html as well as many others with which I'm sure you're familiar. Simply, when you remove a box from the normal flow by floating it, it will be positioned vertically as it would within the normal flow, but shifted horizontally as far as possible within its containing block's padding. By having c3 follow c2 in the normal flow and then floating it, you have c3 vertically following c2 but horizontally shifted right. Placing c2 after c3 in your source allows c3 to position vertically following c1 rather than c2. Since you now have two adjacent floats with plenty of horizontal space in the container (body), they align side by side. As to the Weather and PayPal logos, where on your page did you want them to appear? The simplest way to handle the logos would be to have them follow c2 in your source, no containing div unless you wanted some margins, and use a <br /> for vertical alignment or a series of non-breaking spaces ( ) for horizontal spacing. With no position defined, the logos will appear below c2. Of course you could also place them within one of the main divs on the page. Wayne ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
