Forums
This topic is locked
CSS text wraps preview wonky in dreamweaver
Posted 16 Dec 2005 20:43:37
1
has voted
16 Dec 2005 20:43:37 amy mcnamera posted:
I'm creating a text wrap around a complex shape in Dreamweaver using different sized div tags and floats. I have 12 div tags going down the left side of the page, and the text wraps around the right. I'm wondering why onscreen in Dreamwaver, the text only appears to wrap around the first 8 div tags. But when I preview it in different browsers, all is fine.style-
<style type="text/css">
<!--
#content {
background-image: url(images/frog.gif);
background-repeat: no-repeat;
position: absolute;
}
#left1, #left2, #left3, #left4, #left5, #left6, #left7, #left8, #left9, #left10, #left11, #left12 { float: left; clear: left; padding: 0; border: 1px solid #FF0000 }
#left1 { width: 280px; height: 25px}
#left2 { width: 280px; height: 25px}
#left3 { width: 280px; height: 25px}
#left4 { width: 280px; height: 25px}
#left5 { width: 280px; height: 25px}
#left6 { width: 280px; height: 25px}
#left7 { width: 280px; height: 25px}
#left8 { width: 280px; height: 25px}
#left9 { width: 280px; height: 25px}
#left10 { width: 280px; height: 25px}
#left11 { width: 280px; height: 25px}
#left12 { width: 280px; height: 25px}
//-->
</style>
==============================================
Code in <body> section:
<div id="content">
<div id="left1"></div>
<div id="left2"></div>
<div id="left3"></div>
<div id="left4"></div>
<div id="left5"></div>
<div id="left6"></div>
<div id="left7"></div>
<div id="left8"></div>
<div id="left9"></div>
<div id="left10"></div>
<div id="left11"></div>
<div id="left12"></div>
main content goes here
</div>