Mike Breiding wrote:
> 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...trimmed]
>>
>
>
> I made the changes you suggested below.
> Ok in FF but in IE the images area stretched at widths over 800px.
>
> After implementing and checking your changes I made these changes:...trimmed]
>
> I attempted to add margins to the top and bottom of .pushImgLeft
> images...trimmed]
>
> But I could see no difference.
> The photos are a little tight to the bottom of the <p> to suit me.
>
>
> -Mike.
>
>
Comment out or delete this entire selector.
.pushImgLeft {position: relative; margin-left: -85px; margin-bottom:0;
margin-top: 120px;border: 1px solid red;}
Re-set width:
div#content{f width75%;}:/*was 70%*/
Add new selector to contain the width in IE/6.0:
* html div#content{overflow-x:hidden;}
Delete both of these selectors to prevent the image distortion:
#intro img {max-width: 95%; display: block; margin: 10px auto;}
* html #intro img {width: 95%;}
Re-set this selector:
#intro img {display: block; margin: 10px auto;}
to (and tweak the top and bottom margin to get the horizontal gutters
separating the images/captions text as you see fit):
#intro img {display: block; margin: 45px auto 20px auto;}
______________________________________________________________________
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/
