Listenmenü verschiebt nebeliegendes tag

html.de-Forum HTML, XHTML & CSS
1

Hallo,
ich habe zwei divs (

und
)
Beide sind mit float: left deklariert.
Im „div menue“ habe ich ein vertikales Listen menü und im „content div“ meinen Text.
Bei manchen menüpunkten habe ich noch untermenüpunkte welche also das Menü vertikal vergößern. Und hier jetzt mein Problem.
Sobald das Menü größer wirde verschiebt er mir mein content div tag nach unten??
Weiss jemand warum??

Hier mein Quelltext:
[HTML]

mnm

CSS:

#content
{
float: left;
font-size: 14px;
width: 900px;
font-family: Arial;
margin: -290px 0 0 92px;
background-image: url(images/bg_content.jpg);
height: 558px;
padding: 37px 0px 0px 65px;
background-repeat: no-repeat;
}

#content H1
{
font-family: Arial;
font-size: 18px;
padding-top: 20px;
padding-bottom: 0px;
margin-top: 0px;
}
#content H2
{
font-family: Arial;
font-size: 16px;
color: #FFFFFF;
}
#footer
{
clear: left;
height: 80px;
width: 1024px;
font-family: Arial;
background-image: url(images/bg_footer.jpg);
padding: 60px 0 0 12px;
background-repeat: no-repeat;
margin: 0px 0 0;
}
#navi A
{
text-decoration: none;
color: #FFFFFF;
}
#navi UL
{
list-style-type: none;
margin: 0 0 0 -49px;
text-align: left;
padding: 0 0 0 35px;
}
#untermenue
{
width: 24px;
margin: 0 0 0 27px;
padding: 0;
}
#navi UL LI
{
padding: 7px 0 0;
margin: 0px 0 0;
}
#navi A:hover
{
color: #020202;
}
#navi A#current
{
color: #020202;
}
#untermenue UL
{
list-style-type: square;
}

[/HTML]

2

Du solltest erst einmal die Fehler aus deinem Code beseitigen. Du kannst doch nicht einfach ein div zwischen zwei Listenpunkten reinhauen. Zum einen ist das div vollkommen unnötig, zum anderen gehört es da auch nicht hin. So wäre es korrekt:

<ul>
  <li><a href="index.html">home</a> </li>
  <li><a href="news.html">news</a></li>
  <li><a href="film.html">film</a>
   <ul>
    <li><a href="industriefilm.html">Industriefilm</a></li>
    <li><a href="produktfilm.html">Produktfilm</a></li>
    <li><a href="werbespots.html">Werbespots</a></li>
   </ul>
 </li>
 <li><a href="musik.html">musik</a></li>
 <li><a href="events.html">events</a></li>
 <li><a href="erlebnisraume.html">erlebnisräume</a></li>
 <li><a href="funk.html">funk & tv-spots</a></li>
 <li><a href="snychronisation.html">synchronisation</a></li>
 <li><a href="kunden.html">kunden über uns</a></li>
 <li><a href="refernzen.html">referenzen</a></li>
 <li><a href="kontakt.html">kontakt</a></li>
 </ul>
3

okay,
das mit dem div tag sehe ich ein :wink: Ist auch schon raus geflogen.
Aber leider ist dadurch mein Problem behoben?!!!

4

Hast du auch die falsch gesetzten Listentags korrigiert (wie in meinem Code)? Ansonsten wäre ein Link ganz herrlich, dann kann man sich das mal visualisieren. :wink:

5

Vermutlich, weil kein Platz mehr ist, um beides nebeneinander darzustellen.

6

Jepp,das wars.
Wie schaffe ich es eigentlich das er mir jetzt mein Untermenü in listenform darstellt.
Habe es schon mit einem

    versucht, leider ohne erfolg.

7

Darstellung ist Sache von CSS, nicht HTML.
Dass Du ein Menü mit

    auszeichnest, ist gut und richtig, das machst Du aber aufgrund der Bedeutung (= Semantik) und nicht aufgrund des Aussehens.

    Das heißt, die Antwort auf Deine Frage ist: Mit CSS.

    Wenn Du „in listenform“ etwas mehr beschreiben könntest, dann könnte man Dir vielleicht konkretere Tipps geben.