bilbo beutlin: Ich frage weiter

Beitrag lesen

SELF-Forum

Ich frage weiter

bilbo beutlin
– Informationen zu den Bewertungsregeln

Ich greife das noch einmal auf. Habe jetzt folgenden HTML-Quellcode:

[..]

  
<body>  
  
 <div class="main">  
  
  <div class="logo_top" align="center"><img src="logo_top.jpg" alt="" style="border:medium solid #EEEEEE;"></div>  
  
<!-- Navigation -->  
  <div class="navi_left">  
   <div class="suppnt">Ueberpunkt</div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
   <div class="suppnt">Ueberpunkt</div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
   <div class="suppnt">Ueberpunkt</div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
   </div>  
<!-- Navigation Ende -->  
  
  <div class="inhalt">
~~~~~~php
  
   <?php echo ".inhalt\n"; ?>
~~~~~~html
  
  </div>  
  
<span class="footer">&copy; 2005 - Street-Tigers Nebringen</span>  
 </div>  
  
</body>

[..]

der mit folgendem CSS formatiert ist:

  
 a{  
  color:#000000;  
  text-decoration:none;  
 }  
  
  
  
/* --------------------------- */  
  
  
  
/* Navigation */  
  
 .navi_left{  
  background-color:#FFFFFF;  
  border:thin solid #000000;  
  width:22%;  
  margin:3% 0 0 3%;  
  float:left;  
 }  
  
 .suppnt{  
  margin-left:5%;  
  font-weight:bold;  
  border-top:thin dashed #CCCCCC;  
  border-bottom:thin dashed #CCCCCC;  
 }  
  
 .navipoint{  
  width:100%;  
  border-top:thin dashed #CCCCCC;  
  border-bottom:thin dashed #CCCCCC;  
 }  
  
 .navipoint a{  
  margin-left:10%;  
 }  
  
 .navipoint:hover{  
  background-color:#DDDDDD;  
  background-image:url(005.gif);  
  background-position:right;  
  background-repeat:no-repeat;  
 }  
 .navipoint:hover a{  
  color:#003366;  
  font-weight:bold;  
 }  
  
  
  
/* Erscheinungsbild */  
  
 body{  
  font-family:Arial, Helvetica, sans-serif;  
  font-size:13.4px;  
  background-color:#E6E6E6;  
 }  
  
 .main{  
  border:thin solid #000000;  
  width:75%;  
  background-color:#D1E4E2;  
  position:relative;  
 }  
  
 .logo_top{  
  margin-top:3%;  
 }  
  
  
  
/* Content-div */  
  
 .inhalt{  
  border:thin solid #000000;  
  float:right;  
  margin-right:2%;  
 }  
  
  
  
/* Footer */  
  
 span.footer{  
  background-color:#FF9900;  
  margin-bottom:3%;  
  margin-top:3%;  
  text-align:center;  
  display:block;  
  border-top:thin solid #000000;  
  border-bottom:thin solid #000000;  
  clear:both;  
 }

Also das mit clear klappt nicht. Und floaten möchte ich das div.main nicht, weil das eigentlich in die Mitte soll.
Kann mir jemand sagen, wie ich das anstellen muss, damit das div.inhalt neben das div.navi_left kommt?

Beitrag melden
–
Informationen zu den Bewertungsregeln