I want to have the whole page centered and static width. Then styling on the wrapper div, with the image floating so that text will line up next to it. Right now the problem is a gap under the image.
See the code below, its the whole page with css.
Thanks in advance.
MM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";> <html><head> <title>CSS layout test</title> <style type="text/css">
body{text-align: center;}
#wrapper{
text-align: left;
border: 1px solid #000000;
width: 700px;
}
#box{
float: left;
background-color: #FF0000;
border: 1px solid #3300FF;
}
#text{background-color: #00FF00;}</style></head><body >
<div id="wrapper">
<div id="box">
<img src="images/test.jpg" >
</div>
<div id="text">this text should float to the right of the image</div>
</div>
</body></html>_________________________________________________________________
Don�t just search. Find. Check out the new MSN Search! http://search.msn.click-url.com/go/onm00200636ave/direct/01/
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
