|
Text exceeds box width and stays on one line
Well,
Stayed up way to late last night trying to fix this and it's probably something simple enough I'm doing wrong but basically my text which I'm floating right won't wrap in the div and it's staying on a single line rather than moving to the next one each time it hits the set width of the box.
Here's the CSS code for it
Code:
body {font-family: arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 11px; color:#fff;margin:0px; background-image: url();background-repeat:repeat-x;background-color: #23576a; }
#container {width:990px; height:auto; margin-right:auto;margin-left:auto;}
#welcome_header{width:990px; height:114px; background-image:url(images/welcome_header.gif); background-repeat:no-repeat;}
#back_slice {width:990px; height:auto; background-image:url(images/contentback_slice.gif); background-repeat:repeat-y;position:absolute;}
#content_wrap {width:940px; height:auto; margin-right:auto;margin-left:auto;}
#banner{width:940px;height:253px;position:absolute; }
#left_banner{width:640px; height:253px;background-image:url(Images/festival_banner.jpg); background-repeat:no-repeat;float:left;position:relative}
#right_banner{width:300px; height:253px;float:right;position:relative;}
#main_content_wrap{width:940px; height:auto;float:left;}
#left_content_wrap{width:638px;height:auto; margin-top:10px;border:1px solid #ededed;float:left;}
#right_content_wrap{width:292px; height:auto; margin-top:10px;border:1px solid #ededed;float:right; }
Any help appreciated, thanks
|