I am dragging myself, kicking and screaming into the world of CSS. I have an extensive site and plan on converting the overall look and discarding the pervasive tables that I know so well.
Here is a generic page and two CSS, one for layout (columns) and one for text appearance. I eventually plan on using the style sheets and the html as a template for all my pages. There are further notes to myself on the actual page: http://www.sandsmuseum.com/test/tutor2.html http://www.sandsmuseum.com/global/newstyle/site.css http://www.sandsmuseum.com/global/newstyle/columns.css The columns come from Holy Grail by Matthew Levine (A List Apart). I am currently wrestling with the header with its picture and title. I found the side-by-side used in the header at CommunityMX by John and Holly. Immediate problems, with one and two seeming to be connected: 1. Using IE(Mac), there is a persistent horizontal scroll bar. I was able to rid myself of the problem using the hidden -15px margin fix but the problem came back when I added the picture in the header. I like the current behavior where the picture moves with the right nav until it gets to a certain point and then stops, correctly eliciting the horizontal scroll but IE has the horizontal scroll all the time. 2. The title refuses to wrap or if it does, it appears to be following a hidden border. I currently use auto for the right (image) element and auto for the left text. Retaining auto for the right and using a percentage for the left (can I mix my metaphors?) does allow the text to wrap but not correctly. The image width will change. I suspect I need another div but where? 3. Eventually I might like to reliably collapse the right nav vertically. The sample I am using here is the largest in my site. Sizing text in the context of the Holy Grail layout still confuses me. Perhaps another column layout methodology might serve better? My drop arrows are ten by ten gifs but they seem to rise above the text even though the text is larger. thanks for help and suggestions, Michael PS and off topic: I am using GoLive. It surrounds components with <csobj csref=... /> and this gives the validators fits. Is there a way to keep the GoLive component containers and comment out the offending csref? Michael Sands 1652 Kennewick Drive Sunnyvale, CA 94087 +1 408-773-1170 The Sands Mechanical Museum www.sandsmuseum.com ______________________________________________________________________ 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/
