Featured post
css - Header DIV Layer Position Error in IE -
i'm having problems ie compatibility website. have parked @ http://www.verdasconews.com/tiago while test everything. make sure have compatibility major browsers. looks fine in firefox, chrome, opera & safari, in ie, i'm having problems header/content div layers.
here's screenshot of looks in ie http://i.stack.imgur.com/goasx.png
the post , sidebar content overlapping header when should tucked underneath, way appears in other browsers.
this css positioning:
/* ------ layout ------------------------ */ wrapper { background:url(img/back2.png) no-repeat center top; } contents { width:959px; margin:0 auto; text-align:left; } header { background:url(img/top.png) no-repeat bottom; height:160px; } middle-contents { background:url(img/side.png) repeat-y; padding-bottom:50px; } left-col { float:left; display:inline; width:584px; margin:0 0 0 5px; } right-col { float:right; display:inline; width:330px; margin:15px 5px 0 0; } footer { background:url(img/bottom.png) no-repeat top; height:114px; margin-bottom:50px; }
and header positioning is
/* ------ header ---------------------- */ logo_image { margin:6px 0 0 4px; float:left; display:inline; } logo_image h1 { margin:0; padding:0; }
not sure if title right, asked friend thought might've been problem , google search led me here. i'm not pro programming, i'm hoping can sort out might wrong here. can provide full css if necessary. thank in advance
you can fix removing height:160 #header, , remove float:left , display:inline #logo_image
- Get link
- X
- Other Apps
Comments
Post a Comment