StupidBoy
Mitglied Gold
Einen schönen guten Mittag allerseits,
ich hab hier gerade ein kleineres CSS-Problem und komm einfach nicht drauf wo der Fehler liegt.
Ich habe zwei geschachtelte Divs, das äußere hat eine feste Breite Höhe und die overflow-Eigenschaft steht auf hidden.
Für das inner Div-Element ist keine feste Breite angegeben aber eine fixe Höhe.
Im inneren Div befinden sich eine ganze Menge anchor-Elemente die jeweils wiederrum ein image-Element enthalten, die a-Elemente sind mit einer festen Höhe und Breite sowie float:left sowie display:block formartiert.
Eigenttlich hätte ich nun erwartet, dass die Links mit den enthalten Bilder sich in einer Reihe von links nach rechts anordnen, ohne Umbruch, dass tun sie aber leider nicht, stattdesssen wird ein Umbruch erzeugt und zwar genau an der Stelle, an der das äußere Div "zu ende" ist.
Das ganze nochmal als Code zum besseren Verständnis. Eine Live-Version ist zur Zeit leider nicht verfügbar.
Wenn jemand versteht wo das Problem liegt und meinem trägen Hirn auf die Sprünge helfen würde, so wäre ich doch sehr dankbar.
ich hab hier gerade ein kleineres CSS-Problem und komm einfach nicht drauf wo der Fehler liegt.
Ich habe zwei geschachtelte Divs, das äußere hat eine feste Breite Höhe und die overflow-Eigenschaft steht auf hidden.
Für das inner Div-Element ist keine feste Breite angegeben aber eine fixe Höhe.
Im inneren Div befinden sich eine ganze Menge anchor-Elemente die jeweils wiederrum ein image-Element enthalten, die a-Elemente sind mit einer festen Höhe und Breite sowie float:left sowie display:block formartiert.
Eigenttlich hätte ich nun erwartet, dass die Links mit den enthalten Bilder sich in einer Reihe von links nach rechts anordnen, ohne Umbruch, dass tun sie aber leider nicht, stattdesssen wird ein Umbruch erzeugt und zwar genau an der Stelle, an der das äußere Div "zu ende" ist.
Das ganze nochmal als Code zum besseren Verständnis. Eine Live-Version ist zur Zeit leider nicht verfügbar.
HTML:
<style type="text/css..>
#aussen{
width:900px;
height:100px;
overflow:hidden;
}
#innen{
height:100px;
}
#innen a, #innen a img{
display:block;
float:left;
width:150px;
height:100px;
}
</style>
<body>
....
<div id="aussen">
<div id="innen">
<a href="http://www.tutorials.de/forum/css/css/.."><img src="http://www.tutorials.de/forum/css/css/.." /></a><a href="http://www.tutorials.de/forum/css/css/.."><img src="http://www.tutorials.de/forum/css/css/.." /></a><a href="http://www.tutorials.de/forum/css/css/.."><img src="http://www.tutorials.de/forum/css/css/.." /></a><a href="http://www.tutorials.de/forum/css/css/.."><img src="http://www.tutorials.de/forum/css/css/.." /></a><a href="http://www.tutorials.de/forum/css/css/.."><img src="http://www.tutorials.de/forum/css/css/.." /></a><a href="http://www.tutorials.de/forum/css/css/.."><img src="http://www.tutorials.de/forum/css/css/.." /></a><a href="http://www.tutorials.de/forum/css/css/.."><img src="http://www.tutorials.de/forum/css/css/.." /></a>
</div>
</div>Wenn jemand versteht wo das Problem liegt und meinem trägen Hirn auf die Sprünge helfen würde, so wäre ich doch sehr dankbar.
