li-width skaliert nicht bei verkleinerung Browserauflösung
Verfasst: 13.10.2013, 17:01
Auf meiner Bandpage www.karaktzorn.com habe ich unter dem Hauptbild (die zwei Personen) ein ul-Tag mit jeweils drei li-Elemente die jeweils die max-Breite von 33% haben. Wird der Browser unter die eingestellte <UL>-max-Breite von 960 Pixel verkleinert, skalieren aber die <li>-Bereiche nicht sondern brechen um. Was mache ich da noch verkehrt ?
Code: Alles auswählen
margin-top:20px;
margin-bottom:20px;
padding:10px;
border:0;
}
ul#songrechte li {
display: inline-block;
max-width:33%;
list-style:none;
vertical-align:top;
text-align:justify;
font:12px/22px Verdana, Arial, sans-serif;
text-shadow: 1px 1px 1px #DDD;
}
ul#songrechte li.cc {
padding:0 19px 0 0;
margin-right:20px;
border-right:1px dotted #999;
}
ul#songrechte li.by {
background:url(/images/cc-lizenz-by.gif) no-repeat -3px top;
margin-right:20px;
padding:0 19px 0 29px;
border-right:1px dotted #999;
}
ul#songrechte li.sa {
background:url(/images/cc-lizenz-sa.gif) no-repeat -3px top;
padding:5px 4px 5px 29px;
}
ul#songrechte li span {
font:12px/22px Verdana, Arial, sans-serif;
color:#666;
}