At 11:00 AM -0800 1/21/06, Trish Meyer wrote: >At 11:50 PM -0800 1/20/06, Trish Meyer wrote: >>html >><http://www.socahort.org/meetings.html> >> >>and CSS on page >><http://www.socahort.org/stylesheets/schs.css> >> >>the div called #archive includes the "Past Meetings" links. > >After my post last night, I had the brilliant idea (well, brilliant >for me...) to made the little #archive a float left and relative div, >rather than an asboluely positioned div. Was this the right approach?? > >This seems to have solved the problem in Windows Explorer. > >However, now in Explorer on Mac, the archive div draws underneath the >nav bar so it's unreadable. Aaargh again. >
Okay, so I used another combination: Float: left AND position: absolute, and it seems to work in all browsers now. I've no idea why it works though. Why do I need to both float: left and Position it left? If the #archive is nested inside wrapper, and positioned Left: 0px, why did I also need to float it left? Or what the Float just needed to fix an Explorer bug? Am I the only one here who fixes things by saying: - try Position relative and absolute - try Float, yes or no - then try every possible combination of float and and position values until one works... I've read a lot about floats and positioning, and in isolation these tutorials make sense. But then you have to throw in how they work together, plus browser bugs, and my head is about to explode... Trish -- ---------- Trish Meyer, Webmaster VIVA Gallery The Valley Institute of Visual Arts http://www.vivagallery.org Email: [EMAIL PROTECTED] ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
