...

View Full Version : CSS Clearer



andyk.4u
01-06-2008, 12:00 AM
Hi guys,

i really nead your professional HELP here !! All the browsers show it perfectly ... just the ..ing IE gives me a transparent line before .left_side_down.

I would really apreciate your help. Thanks :rolleyes:

Here is my css code:


.left_side {
float:left;
margin:0;
width:307px;
}
.right_side {
width:463px;
height:303px;
margin-left:307px;
background-image:url(../images/rightside_img.jpg);
}
div.clearer {
clear:both;
line-height:0;
}


.left_side_down {
padding:0;
margin:0;
float:left;
width::249px;

}

.right_side_down {
padding:0;
margin:0;
margin-left:249px;
}








and here is my HTML code





<div class="left_side">
</div>


<div class="right_side">

</div>

<div class="clearer"></div>




<div class="left_side_down">
</div>


<div class="right_side_down">
</div>

<div class="clearer"></div>

harbingerOTV
01-06-2008, 12:49 AM
didnt test the code out but



.left_side_down {
padding:0;
margin:0;
float:left;
width::249px;

}


the extra : you have is probally an issue

andyk.4u
01-06-2008, 10:58 AM
wrote that by mistake ... byt that doesnt affect the code ..:thumbsup:

andyk.4u
01-06-2008, 12:39 PM
Hey guys, i've found the solution that worked for me .. the problem was in IE 7.

So i wrote this in CSS

*:first-child+html .left_side_down {
margin-top:-3px; /* #%@#%(! IE 7 */
}


Hope this helps anyone that has a problem like mine.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum