Tina: Float Problem

Beitrag lesen

SELF-Forum

Float Problem

Tina
– Informationen zu den Bewertungsregeln

Hallo,

ich versuche ein zweispaltiges Layout zu bauen, bei dem wenn der viewport zu klein wird zuert die rechte und darunter die linke Spalte angezeigt wird.
Wenn genügend Platz ist natürlich die rechte rechts neben der linken.

Das fuktioniert soweit auch, allerdings wird mir die rechte Spalte rechtsbündig angezeigt, ich hätte sie aber gerne linksbündig (and der linken Spalte)

  
<!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" xml:lang="en" lang="en">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
<style type="text/css">  
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  
#rechts { float:right;  width:780px; background:yellow;}  
#links  { float:left;   width:380px; background:red; }  
#content { color:#494949;  margin-left:4px; width:776px; overflow:hidden; min-height:700px; background:green; }  
#footer { overflow:hidden; background:#587DBE; color:white; font-size:12px; height:17px; margin-left:10px; width:780px; text-align:right; }  
</style>  
<title>Floattest</title>  
</head>  
<body>  
<div id='container'>  
<div id='rechts'>  
  <div id='content'>  
    <p>Some Text rechts</p><p>Some Text rechts</p><p>Some Text rechts</p>  
  </div> <!-- content -->  
  <div id="footer">Footer</div>  
</div> <!-- rechts -->  
<div id='links'>  
  <p>Links</p><p>Links</p><p>Links</p><p>Links</p><p>Links</p>  
</div> <!-- links -->  
</div> <!-- container -->  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln