...

View Full Version : Problem using DIV's



blackwolf
10-29-2008, 02:28 PM
I am using DIV's for a layout but I keep getting a line in the background as shown below
http://www.blackwolf-graphics.co.uk/images/sample.jpg

Here is my HTML...
<div class="content"><div class="roundedcornr_box_973715">
<div class="roundedcornr_top_973715">
<div></div>
</div>
<div class="roundedcornr_content_973715">
<div class="container"> <div id="right">
<div align="center">

<p><img src="../../images/stickman/redstickman.png" alt="Red Stickman" /></p>
<p><span class="style13">Suitable for white, black, silver, pale blue and any other light coloured surfaces except red surfaces</span></p>
<p class="style13"><strong>RED STICKMAN</strong></p>
<p><img src="" alt="" name="paypal" width="120" height="32" id="paypal" /></p>
</div>
</div><div id="right">
<div align="center" class="style13"></div><div align="center" class="style13"></div>
</div>

</div>
</div>
<div class="roundedcornr_bottom_973715"><div></div></div>
</div>

Here is my CSS...
@charset "utf-8";
/* CSS Document */


.roundedcornr_box_973715 {
background: #9bd2f1 url(/images/roundedcornr_973715_grad.gif) repeat-x top left; width:30%; float:left; border: 2px solid #000000
}
.roundedcornr_top_973715 div {
background: url(/images/roundedcornr_973715_tl.gif) no-repeat top left;
}
.roundedcornr_top_973715 {
background: transparent url(/images/roundedcornr_973715_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_973715 div {
background: url(/images/roundedcornr_973715_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_973715 {
background: transparent url(/images/roundedcornr_973715_br.gif) no-repeat bottom right;
}

.roundedcornr_top_973715 div, .roundedcornr_top_973715,
.roundedcornr_bottom_973715 div, .roundedcornr_bottom_973715 {
width: 100%;
height: 30px;
font-size: 1px;
}
.roundedcornr_content_973715 { margin: 0 30px; }
#container { clear:both; }
#stick {
height:auto;
font-size:16px;
font-weight:bold
float: left;
width: 100%;
background-color: 000000;
color:#000000; }
.style13 {color: #333333}
What am I doing wrong?

effpeetee
10-29-2008, 02:34 PM
We do not have all your code, especially the Doctype and html tags.

effpeetee

BoldUlysses
10-29-2008, 02:58 PM
I'd say it's probably an issue with your gradient background gif (http://www.blackwolf-graphics.co.uk/images/roundedcornr_973715_grad.gif). Check at the bottom--there's a few darker pixels. Remove those and you should be good.

mexabet
10-29-2008, 04:16 PM
You didn't give us the specifics. So no one can be so sure. But looking at the code below, your background color is black: #000000 and it's visible from where your background image (with curved transparent edges) ends.

.roundedcornr_content_973715 { margin: 0 30px; }
#container { clear:both; }
#stick {
height:auto;
font-size:16px;
font-weight:bold
float: left;
width: 100%;
background-color: 000000;
color:#000000; }
.style13 {color: #333333}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum