[CSS] Div Höhe (Menü)

[Bububoomt]

Also ich steht irgendwie aufm Schlauch und verstehe es gerade nicht.

Ich habe ein Div mit einem BG und in diesem möchte ich weitere Divs mit Texten, und dabei soll ein BG am rechten Rand dieser Divs angezeigt werden. mein Problem ist, das diese Divs aber trotz höhenangabe nur so hoch sind wie der Text-Size.

die Divs:

    <div id="menue">
        <div class="menuediv">Home</div>
        <div class="menuediv">Menüpunkt2</div>
    </div>

CSS

#menue{
        background: black url(menue.png) top center repeat-x;
        width:100%;
        height:31px;
        margin:auto;
        color:white;
        font-size:13px;
}

.menuediv
{
    height:31px;
    line-height:31px;
    background: url(menue_trenner.png) right top repeat-y;
    font-size:13px;
    display:inline;
    padding-right:5px;
    margin-right:6px;    
    border:solid 1px white;
}

Zum testen habe ich schon nen Rahmen um die Divs gesetzt und die sind einfach von der höhe nur ca. 13 px, also so das die Schrift rein passt

wo habe ich nen Denkfehler??

 

[Renegade]

Hi,

Was mich verwundert ist, dass du dem div "menue" und den divs "menuediv" die Höhe 31px gibts. Du willst sozusagen 62px in 31px packen

Nur nebenbei: Es wäre vielleicht einfacher, du benutzt eine Liste anstatt ein Haufen divs

 

[Bububoomt]

ne wieso 62px? Die Divs sind doch nebeneinander (inline).

Hatte es schon mit Liste versucht, aber ebenfalls nciht geklappt wie ichs will.

 

[Renegade]

Die Divs sind doch nebeneinander (inline).

Da liegt das Problem
Belasse die divs als Blockelement und ordne sie mit "float:left;" nebeneinander an.
Dann funktioniert auch die Höhe.
Am beste nach den ganzen divs einmal noch

<br style="clear:both;" />

 

[Bububoomt]

nee oder? Also das Inline löscht quasi meine höhe? kein wunder das es bei der liste dann auch nicht ging argh. Jetzt gehts, danke!!!