Hi Wayne, Thanks again for the information.
David On 17 Jan 2007, at 22:39, Wayne Babineau wrote: > 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/
