On 8/22/10 4:17 PM, Keith Purtell wrote: [...] > > A - Notice the first photo credit. The only way I could make it fit > was to put it in a div the same width as the image...
The DIV that holds the first image and caption has a width. The caption also has a (different) width. I don't think you need the width for the caption. > ... The second image credit has the same cheat even though it doesn't > match the image width. The DIV around the rightmost image does not have a width. The caption has a width, equal to that of the image. Not the "same cheat" at all. > And the navigation on the left: Somehow I have to make that fit the > available space. Why not give it more space? This end, I have very long line lengths on the main text - shorter would be easier to read. That would give you more room for the navigation. Also, I suggest you use a background color that matches the background image, as the image stops well short of the right-hand edge on my screen.[1] Another suggestion might be to give the navigation some styling, rather than use the browser default of 40px left margin (IE) or left padding (others). Plenty of style ideas from Listamatic: http://css.maxdesign.com.au/listamatic/ t to do? > > B - Please follow the Dave Marsh link on the left. There are three > important features on this "old" page. 1-The way "Keith's Favored > Things" butts up right at the top. I tried using the same code in > the Jack Vance page but it didn't work. The page markup and styling for this text are entirely different, so I don't know why you would expect them to look the same? On the Jack Vance page, the text is in an h2 element that's inside the div#maincontent. On the Dave Marsh page, the text is inside div#header that is directly inside the body element. > > Finally, please note the comment I put about half way down in the > style sheet. > Are we supposed to guess which one? "Be nice to Opera 5" perhaps? (Why?) > http://www.keithpurtell.com/kthings/a_body_vance_divs.htm > > > - Keith Purtell [1] P.S. Be aware that IE7 will not change the size of a background on the body element when a page is zoomed. I suggest you put that "faux column" background on a full-width wrapper element instead. Cordially, David -- ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
