IE display Issues, need help...

heya,
if visit http://www.hookmedia.biz/columbia_skypark_estates you'll see site working on. in safari , mozilla appears fine, both on os x , xp. however, usual, when displays in ie there 2 things wrong it:

1. below header there image creates shadow effect, below effect black space if there sort of margin there. @ bottom of screen you'll see same issue. tried 0px margins on several different areas , didn't different results.

2. when reduce window size less 1024x768 page distorts in unnecessary way instead of becoming liquid.

any ideas?

withhisstripes wrote:

> heya,
> if visit http://www.hookmedia.biz/columbia_skypark_estates you'll
> see site working on. in safari , mozilla appears fine,
> both on os x , xp. however, usual, when displays in ie there 2
> things wrong it:
>
> 1. below header there image creates shadow effect, below
> effect black space if there sort of margin there. @ bottom
> of screen you'll see same issue. tried 0px margins on several
> different areas , didn't different results.


ie pc wil collapse <div> minimum height
collapse beyond have add font-size: 1px; css below:


.header_bottom_border {
float:left;
background-image:url(images/header_shade.jpg);
background-repeat:repeat-x;
margin-left:2%;
margin-right:2%;
margin-bottom:0px;
width:96%;
height:5px;
font-size: 1px; /* add */
}

> 2. when reduce window size less 1024x768 page
> distorts in unnecessary way instead of becoming liquid.

fluid designs using css bit fragile need
columns fluid.

you try setting minimum wrapper using projectsevens
script.

http://www.projectseven.com/tutorials/css/minwidth/index.htm

More discussions in Dreamweaver support forum

adobe