CSS Forum

**blktallos** · 03-16-2008, 10:31 PM

HTML Code:

<HTML>
<HEAD>
<meta http-equiv="Content-Language" content="en-us">
<meta  content="Destroyer Art" name="keywords">
<meta content="blakeanthonydesign" name="description">
<TITLE>Destroyer Art Home</TITLE>
<link rel="stylesheet" type="text/css" href="ss.css">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
</HEAD>
<BODY BGCOLOR=#000000 text="#F2CF94" link="#FFFF00" alink="#FFFF00" vlink="#FFFF00"style="font-size:9pt;font-family:verdana" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<center>
<TABLE WIDTH=770  BORDER=0 CELLPADDING=0 CELLSPACING=0>
 <TR>
  <TD COLSPAN=8 valign="top">
   <img border="0" src="http://i30.tinypic.com/2qn9m3r.jpg" width="770" height="154"></TD>
 </TR><TR>
  <TD COLSPAN=8 height="593px" style="background: url(images/mainbg.jpg); background-repeat:no-repeat" valign="top">
<table width="81">
<tr></td></tr>

</table>
<img border="0" src="http://i27.tinypic.com/34ni22p.jpg" width="770" height="641"></td></tr></table>
</center>
<center>
</td></tr>
</table>
</center>
<div class="floating_blob">My floating blob</div>

<div class="floating_blob2">
 
</div>
<div class="floating_blob3">
Hello Welcome to Destroyer Art, Were Brand<p>New ive been Designing for many Yearsdsfaasfadsfdsaf

</div>
 

<style type="text/css">
DIV.floating_blob
{
    BORDER-RIGHT:65px; none;
    PADDING-RIGHT: 69px;
    BORDER-TOP:60px; none;
    PADDING-LEFT: none;
    Z-INDEX: 10;
    LEFT: 48%;
    FLOAT: none;
    VISIBILITY: 1%;
    PADDING-BOTTOM: 20px;
    MARGIN: 20px;
    BORDER-LEFT:100px; none;
    PADDING-TOP: 55px;
    BORDER-BOTTOM:  59px none;
    POSITION: absolute;
    TOP: 12%;
    BACKGROUND-COLOR: #none
}
DIV.floating_blob2{
    BORDER-RIGHT:65px; none;
    PADDING-RIGHT: 69px;
    BORDER-TOP:60px; none;
    PADDING-LEFT: none;
    Z-INDEX: 10;
    LEFT: 48%;
    FLOAT: none;
    VISIBILITY: 1%;
    PADDING-BOTTOM: 20px;
    MARGIN: 20px;
    BORDER-LEFT:100px; none;
    PADDING-TOP: 55px;
    BORDER-BOTTOM:  59px none;
    POSITION: autflow;
    TOP: 42%;
    BACKGROUND-COLOR: #none
}
DIV.floating_blob3{
    BORDER-RIGHT:70px; none;
    PADDING-RIGHT: 11px;
    BORDER-TOP:60px; none;
    PADDING-LEFT: none;
    Z-INDEX: 10;
    LEFT: 27%;
    FLOAT: none;
    VISIBILITY: 1%;
    PADDING-BOTTOM: 20px;
    MARGIN: 20px;
    BORDER-LEFT:100px; none;
    PADDING-TOP: 55px;
    BORDER-BOTTOM:  59px none;
    POSITION: absolute;
    TOP: 22%;
    BACKGROUND-COLOR: #111111;
</style>

</BODY>
</HTML>

why is the div keep on going to the right when im putting text inside the div?

**SpectR** · 03-17-2008, 12:16 PM

You can try to set the width of the div

**LadynRed** · 03-17-2008, 03:32 PM

We have told you before, get rid of the position:absolutes !
Also there, is no such thing as position:autoflow

Then you're still using tables, and tables WILL stretch to fill whatever you put inside them.