nicht angemeldet
2 Spalten Probleme im Menübereich
Hallo,
habe ein Problem und komme nicht weiter.
Meine Seite ist folgendermaßen aufgebaut.
|----------------|
| Header |
|---|
| Menu |
| ---------------- |
| Footer |
| ---------------- |
<div id="container">
<div id="header">
xxx
</div> <!-- end #header -->
<div id="menu">
<ul>
<li> a </li>
<li> b </li>
<li> c </li>
</ul>
</div> <!-- end #menu -->
<div id="content">
xxx
<ul class="colums-two">
<li class="innen">Spalte 1</li>
<li class="aussen">Spalte 2</li>
<li class="clr"><br class="clr" /></li>
<li class="innen">Spalte 1</li>
<li class="aussen">Spalte 2</li>
<li class="clr"><br class="clr" /></li>
</ul>
</div><!-- end #content -->
</div> <!-- end #container -->
<div id="footer">
xxx
</div> <!--end #footer-->
Das Menu ist mit einer Liste aufgebaut. Nun wollte ich im Contentbereich eine 2-Spaltige Tabelle ebenfalls anhand <li> erstellen.
Nun wird aber im Content Bereich 1 Zeile geschrieben und dann erfolgt in der Höhe des Menüs ein Leerraum und nach der Höhe des Menü geht es mit der 2-Spaltigen Tabelle weiter.
Kann mir jemand weiter helfen, wie ich die Leerzeilen weg bekomme???
/*2 Spalten*/
ul.colums-two {
list-style-type: none;
margin: 0; /
padding: 0 0 20px 0;
}
li.innen {
width: 200px;
font-weight: bold;
float: left;
margin: 0;
padding: 0 20px 10px 0;
}
li.aussen {
float: left;
margin: 0;
padding: 0 0 10px 0;
width: 200px;
}
li.clr {
display: inline;
margin: 0;
padding: 0;
}
br.clr {
clear: left;
width: 1px;
font-size:1px;
margin: 0;
padding: 0;
overflow:hidden;
}
/*Menu*/
#menu {
background-color: #28166f;
font-size: 80%;
height: 200px;
}
#menu ul {
list-style-type: none;
padding-top: 15px;
margin: 5px;
}
#menu li {
display: block;
margin-bottom: 5px;
}
#menu li a, #menu li a:link {
text-decoration: none;
display: block;
color: #000000;
width: 150px;
padding: 2px;
}
-
Hi,
Nun wird aber im Content Bereich 1 Zeile geschrieben und dann erfolgt in der Höhe des Menüs ein Leerraum und nach der Höhe des Menü geht es mit der 2-Spaltigen Tabelle weiter.
Du solltest Dich mit der Wirkung von clear vertraut machen.
freundliche Grüße
Ingo