I’m trying to get two text blocks to ack-rite. One is a fixed width on the right hand side, the one on the left should adjust to fit the remaining space, but it’s based on percentage and well, its hitting and returning to next line, this sucks…
Also, it is not showing the white bow behind the text in Firefox, but for some reason, Explorer is… did explorer just do something right?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-image: url(images/line.gif);
background-repeat: repeat-x;
background-color:#990000;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
font-weight: bold;
}
div.header{
posistion:absolute;
z-index:2
}
div.logo{
position:absolute;
top:97px;
left:10px;
}
div.righttext{
position:absolute;
top:173px;
right:10px;
}
div.contentbox{
background-color:#FFFFFF;
margin: 220px auto 0 auto;
width:70%;
padding:5px 10px 5px 10px;
}
div.leftbox{
posistion:relative;
left:0px;
float:left;
width:50%;
background-color:#CCCCCC;
}
div.rightbox{
position:relative;
float:right;
width:200px;
background-color:#999999;
}
-->
</style></head>
<body>
<div class="header">
<div class="logo"><img src="images/ethernet.gif" /></div>
<div class="righttext">Hosting for developers, by developers.</div>
</div>
<div class="contentbox">
<div class="leftbox">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc eu metus sit amet sem lobortis volutpat. Cras iaculis ante tristique est. Morbi dignissim, ipsum sit amet pharetra imperdiet, nisi ligula lacinia nunc, eget varius libero ligula eget nulla. Aenean gravida viverra purus. Duis ac sapien. Phasellus molestie, risus in tempus tincidunt, nibh purus tempus lorem, nec vestibulum nibh est eget sapien. Nam auctor, diam id hendrerit hendrerit, nunc mauris sodales felis, ut eleifend justo tellus id dui. Integer mollis vehicula metus. Cras tellus. Fusce interdum pede nec risus. Ut ultricies erat nec nulla. Nam mollis laoreet erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut ornare. Sed facilisis pede a augue. Aenean convallis, urna eu pulvinar hendrerit, urna nunc imperdiet ante, et congue enim justo at massa.</div>
<div class="rightbox">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc eu metus sit amet sem lobortis volutpat. Cras iaculis ante tristique est. Morbi dignissim, ipsum sit amet pharetra imperdiet, nisi ligula lacinia nunc, eget varius libero ligula eget nulla. Aenean gravida viverra purus. Duis ac sapien. Phasellus molestie, risus in tempus tincidunt, nibh purus tempus lorem, nec vestibulum nibh est eget sapien. Nam auctor, diam id hendrerit hendrerit, nunc mauris sodales felis, ut eleifend justo tellus id dui. Integer mollis vehicula metus. Cras tellus. Fusce interdum pede nec risus. Ut ultricies erat nec nulla. Nam mollis laoreet erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut ornare. Sed facilisis pede a augue. Aenean convallis, urna eu pulvinar hendrerit, urna nunc imperdiet ante, et congue enim justo at massa.</div>
</div>
</body>
</html>