Div Placement Help Needed!!!
Posted: 06 August 2007 02:55 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2007-08-06

Look at the following code:
what I want is to place the div.box is to be placed permanently at right bottom and it should wrap the text.

Thanks for your suggestions.

<!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">
<!--
.
text{
    margin
10px auto;
    
width480px;
}
div
.box{
    width
210px;
    
height190px;
    
floatright;
positionrelative;
bottom:0px !important;
right:0px;
border1px solid red;
background-color:red;
}
-->
</
style>
</
head>

<
body><div class="text"
[b]<div class="box"></div>[/b]
<h1>Your Header Goes Here</h1>      
    
Lorem ipsum dolor sit ametconsectetuer adipiscing 
      elit
Vestibulum pharetra scelerisque nislCurabitur porttitor eros in 
      est
Pellentesque porta libero eu turpisCurabitur porttitor eros in est
      
Pellentesque porta libero eu turpisCurabitur et leo ut felis pretium commodo
      <
br />
      <
br />
      
Lorem ipsum dolor sit ametconsectetuer adipiscing elitVestibulum pharetra 
      scelerisque nisl
Curabitur porttitor eros in estPellentesque porta libero 
      eu turpis
Curabitur porttitor eros in est. <br />
      <
br />
      
Lorem ipsum dolor sit ametconsectetuer adipiscing elitVestibulum pharetra 
      scelerisque nisl
Curabitur porttitor eros in estPellentesque porta libero 
      eu turpis
Curabitur porttitor eros in estPellentesque porta libero eu 
      turpis
Curabitur et leo ut felis pretium commodo. <br />
      <
br />
      
Lorem ipsum dolor sit ametconsectetuer adipiscing elitVestibulum pharetra 
      scelerisque nisl
Curabitur porttitor eros in estPellentesque porta libero 
      eu turpis
Curabitur porttitor eros in estPellentesque porta libero eu 
      turpis
Curabitur et leo ut felis pretium commodo. <br />
      <
br />
Lorem ipsum dolor sit ametconsectetuer adipiscing elitVestibulum pharetra 
      scelerisque nisl
Curabitur porttitor eros in estPellentesque porta libero 
      eu turpis
Curabitur porttitor eros in est.<br />
<
br />
      
Lorem ipsum dolor sit ametconsectetuer adipiscing elitVestibulum pharetra 
      scelerisque nisl
Curabitur porttitor eros in estPellentesque porta libero 
      eu turpis
Curabitur porttitor eros in est.<br />
<
br />
      
Lorem ipsum dolor sit ametconsectetuer adipiscing elitVestibulum pharetra 
      scelerisque nisl
Curabitur porttitor eros in estPellentesque porta libero 
      eu turpis
Curabitur porttitor eros in est.
  <
div class="fix"></div>
</
div>
</
body>
</
html
Profile
 
 
Posted: 11 August 2007 10:04 PM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  4
Joined  2007-08-11

try this?

.box
{
    width
210px;
    
height190px;
    
floatright;
    
vertical-alignbottom;
    
border1px solid red;
    
background-color:red;
Profile