David Laakso wrote: > Mike Breiding wrote: >> IE 6 reduces the left margin enough to knock the left column >> navigation to the bottom at resolution of 800x600 >> >> http://epicroadtrips.us/2007/summer/california/ >> http://epicroadtrips.us/2007/summer/california/ert_index_style.css >> Any ideas on how to fix this? >> >> Thanks, >> -Mike >> > Mike, the difficulty may be pixel width wrappers contained within a > percent width parent wrapper-- affects all browsers at a narrow window, > but only IE/6 drops the left nav. > Aside: the above uri for the style sheet does not point to the actual > style sheet in use.
Howdy, Ooops. Sorry for the confusion. I made the changes you suggested below. Ok in FF but in IE the images area stretched at widths over 800px. SS:http://epicroadtrips.us/2007/summer/california/streach_in_IE.jpg After implementing and checking your changes I made these changes: In order to reduce the width and center the #content p I removed: div#content p {color:#000;padding:0px 5px;border:none;} And changed: div#content p {margin: 6px 0;} to div#content p {margin:6px auto; width: 75%} This had the desired effect and did not seem to effect anything else. I attempted to add margins to the top and bottom of .pushImgLeft images by changing this: .pushImgLeft {position: relative; margin-left: -85px;} to .pushImgLeft {position: relative; margin-left: -85px; margin-bottom:0; margin-top: 20px} But I could see no difference. The photos are a little tight to the bottom of the <p> to suit me. As always,Thanks. -Mike. > > In the head of the document replace these styles: > #intro {margin-left: 50px; margin-bottom: -5px} > #intro p{width: 450px;} > img > {margin-top: 20px; margin-bottom:0} > > with these styles: > #intro { border:1px solid red;/*test only*/ } > #intro p{margin: 0 25%;} > #intro img {max-width: 95%; display: block; margin: 10px auto;} > * html #intro img {width: 95%;} > > In your external style sheet php-nav-index_style.css replace these styles: > #anchor {width: 100%; margin: 20px 0 15px 0;padding:} > #anchor blockquote p {color: #804000;font-size: 95%; margin-left: -30px} > > > With these styles: > #anchor {width: 100%; margin: 20px 0 15px 0;} > #anchor blockquote p {color: #804000;font-size: 95%; margin: 0 20%;} ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
