Rachel wrote: > <http://queen.greysky-morning.com/>
> I'm aware of IE's inability to display the transparent PNG used for > my header. Well, a 32bit png isn't necessary in this case, IMO, and IE/win displays 8bits png just fine. Example ( your page in IE ): <http://www.gunlaug.no/tos/alien/pib.png> Of course, the header-position is off in IE on that "original page-layout" example... > Also, the header's position is off in my Firefox (vs 1.5.0.3), but > not in my friend's. Header positioned in 3 different positions/ways in my browsers; Firefox 1.5.0.3, Opera 9beta and IE6, an none are exactly as your image... <http://i31.photobucket.com/albums/c366/tuptups/firefoxss.jpg> ...shows. I think my Firefox is "correct", but that's more by chance. See below. > When I use a block-level element (like ul, blockquote for example) in > the entry portion of the left div, the background of the paragraph > won't be coloured #777 like how my stylesheet wants it to. Looks like ul and blockquote are involved in some of the html errors in that page.... <http://validator.w3.org/check?uri=http%3A%2F%2Fqueen.greysky-morning.com%2F> ...so better fix those errors first. ---- Generally, I had to read your source-code and stylesheet in order to figure out your intentions. I think this is what you want it to look like... Firefox 1.5.0.3: <http://www.gunlaug.no/tos/alien/pib-1.png> IE6: <http://www.gunlaug.no/tos/alien/pib-2.png> In order to get there, I had to make some improvements - listed below. Suggested *HTML* improvements... Moved image-container into #main container to make it line up with correct centering, and restyled it for cross-browser stable appearance. <body> <div id="main"> <div style="float: right; margin: 0 0 -100px -100px; position: relative;"><img src="http://i31.photobucket.com/albums/c366/tuptups/r.gif"; alt="" height="100" width="100" /></div> <div id="head"> ...you should of course give that image-container an ID, and move those inline-styles to the stylesheet. I didn't bother since there was already inline-styles on that container. You can also set the image as background on that container, since it is a non-informative - purely decorative - image. A lot more that /should/ be improved in the source-code, like not using 'target' for instance, and rather write your markup in accordance with a Strict doctype and make sure it works witout CSS and javascript. Text that is "hard to read" might be an issue for some visitors. Both font-sizes and choice of colors are suitable subjects for improvements. Also, you should replace "things" like <p class="navhdr">QUEEN</p> with proper headlines, like <h3 class="navhdr">QUEEN</h3>. Suggested *CSS* improvements... I have deleted most of the misplaced and/or unnecessary styles. body { background: #333; color: #ff9247; font: 12px/150% "trebuchet ms", verdana, helvetica, sans-serif /* font-size rather small and in pixels - should be improved */; text-align: center /* doesn't do anything - may be deleted */} #main { background-color: #555; color: #ff9247; margin: 40px auto; min-width: 630px /* moved from body */; max-width: 1000px /* moved from body */; } #head { background: url(http://i31.photobucket.com/albums/c366/tuptups/mastheadbg.png); color: #ff9247; height: 184px; } #left { background: #444; color: #ff9247; width: 60%; padding: 5px; margin-top: 10px; margin-left: 15px; float: left; text-align: justify; display: inline /* IE win 'margin-doubling on floats' fix */; } #right { background: #444; color: #888; width: 30%; padding: 5px; margin-top: 10px; margin-right: 15px; float: right; text-align: justify; display: inline /* IE win 'margin-doubling on floats' fix */; } ---- regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/
![http://i31.photobucket.com/albums/c366/tuptups/r.gif"](http://i31.photobucket.com/albums/c366/tuptups/r.gif"){kind=link}
