nicht angemeldet
Breite von Select innerhalb Div
Hallo,
Eine Auswahlliste (<select>) ist innerhalb eines Divs.Die nachfolgenden Elemente werden mit float:left rechtsbündig angeordnet. Die Divs haben 190px Breite. Da das Select einen langen Inhalt hat, wollte ich die Breite separat festlegen mit dem Selector .main div select{
Es wirkt sich zwar die Hintergrundfarbe aus, nicht aber die Breite. Wenn ich hingegen das Select direkt mit der ID anspreche, kann ich die Breite schon verändern. Warum geht das nicht mit der Breite bei ".main div select" ?
<div class="mainarea">
<div>
Auswahl<br />
<select name="meinSelect" id="meinSelect">
....
</select>
</div>
<div>
<label for="txt_Monat">Monat</label>
<input type="text" name="txt_Monat"/>
</div>
<br />
</div>
.mainarea div {
float:left;
width:190px;
padding: 2px; /* 0.3em */
}
.mainarea div select{
width:150px;
background:#F99;
}
-
Icj komprimiere das mal:
Warum geht das nicht mit der Breite bei ".main div select" ?
======
<div class="mainarea"> ======== <div> <select name="meinSelect" id="meinSelect">Alles klar?
Jörg Reinholz
-
Hallo,
Alles klar?
nein eigentlich nicht. Wenn du meinen Schreibfehler meinst, ich meinte natürlich .mainarea div select{
also
Warum geht das nicht mit der Breite bei ".mainarea div select{" ?
Gruss Werner
-
Also, bei mir geht das hier:
<html> <style> .d1 div select { width:50em; } </style> <div class="d1"> <div> <select id="foo"> <option>Foo!</option> </select> </div> </div> </html>Das bedeutet dann wohl, dass zwischen dem, was Du getan hast und dem, was Du tun wolltest, eine gewisse Diskrepanz herrscht.
Ist denn das HTML (ausreichend) valide? Ein nicht geschlossenes DIV kann zu solchen Problemen führen.
Jörg Reinholz
-
-
-
Warum geht das nicht mit der Breite bei ".main div select" ?
Der einzige Grund dafür muss eine andere Regel sein, die höherwertig ist und Deine Angabe überschreibt. Evtl. ist das ein CSS framework. Mit einem Developertool ist dies leicht herauszufinden.
Cheers, Baba
--
Baba kommt von Basketball