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.
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%;}
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
______________________________________________________________________
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/
