I am trying to get the advert block (.ads) to display about 30px down  the 
maincontent div but have the text  run alongside the advert  contained with the 
ads class.
 
At the moment however the .ads advert displays after the text in  maincontent
 
Any ideas?
 
 
#wrapper
{
margin: 0 auto;
padding: 0;
border: 2px  black;
width: 951px;
background: #ffffff;
}
 
#maincontent
{
background: #ffffff;
color: #000000;
width:  440px;
margin-left: 225px;
line-height: 130%;
margin-top:  40px;
border-top: 2px black;
margin-right: 200px;
}
 
.ads 
{ 
float: right;
display: block;
width: 250px ;  
height: 280px ; 
vertical-align: middle ; 
text-align: center ;  
background: #fff url(adlink.gif) no-repeat 50% 2% }
 
<div id="wrapper">
 
<div id="maincontent">
 
<p>ante ipsum primis in faucibus orci luctus et ultrices posuere  cubilia 
Curae; Praesent hendrerit iaculis arcu</p>

<p>ante ipsum primis in faucibus orci luctus et ultrices posuere  cubilia 
Curae; Praesent hendrerit iaculis arcu</p>
 
<p>ante ipsum primis in faucibus orci luctus et ultrices posuere  cubilia 
Curae; Praesent hendrerit iaculis arcu</p>
 
<p>ante ipsum primis in faucibus orci luctus et ultrices posuere  cubilia 
Curae; Praesent hendrerit iaculis arcu</p>
 
<p>ante ipsum primis in faucibus orci luctus et ultrices posuere  cubilia 
Curae; Praesent hendrerit iaculis arcu</p>
 
 
<div class="ads">
</br>
<img  src="advert.gif"   alt="Advert"/>
</div>
 
</div>
 
</div>

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to