Habe bei Bildern mit mehr als 200 PX Höhe das Problem wie im Anhang - das Radio geht nach unten über die Box hinaus.
Wie löst man das am besten?
So wie ich sehe ist es an dieser Stelle definiert:
#body .product.big {
height:208px;
padding-left:281px;
width:282px;
}
Wenn ich den height Wert erhöhe, habe ich aber immer große Boxen, auch bei kleinen Bildern. Wie habt Ihr das gelöst?
mach die box doch einfach flexibel ohne höhenangabe
Wie löst man das idealerweise im css-file (sorry, bin da nicht so fit)?
Hallo,
den Eintrag height:208px; rausnehmen und probieren. Der IE6 kann einen dann allerdings Probleme bereiten. Abhilfe kann der Eintrag _height:1% bringen, oder man versieht die Box mit einen overflow:hidden;
Und ein Studium des Aufbaus von CSS bringt im allgemeinen auch was 
Leider klappt das nicht. Wenn ich den height Eintrag rausnehme, wird die Box noch kleiner, sie wird auf die Höhe des Textes rechts neben dem Bild reduziert, das Bild ragt immer noch drüber.
Mit overflow:hidden wird das Bild abgeschnitten, was auch nicht gewünscht ist.
Die Box soll einfach entsprechend des Bildes größer werden.
Vielleicht hat ja jemand eine Idee bzw das Problem schon gelöst.
Ich kann dir leider nur indirekt helfen.
a) installier Firebug, da kannste direkt sehen was passiert und in welcher Zeile du in der css bist.
https://addons.mozilla.org/de/firefox/addon/1843
b) guck mal auf selfhtml was für Befehle es gibt.
http://de.selfhtml.org/
CYA
Firefax
[B]#body .product.big[/B] bezieht sich doch auf den ganzen Container
[B]#body .product.big .picture[/B] wäre der richtige selektor