|
|||
<div> nicht auf volle Breite ausdehnen
Hallo
Ich hab hier ein kleines Problem und steh scheinbar gerade auf dem Schlauch! Ich bekomms nicht hin: Im roten Bereich (.box) befindet sich der orange Bereich (.bild)! Das Bild wird dynamisch geladen, hat also immer eine unterschiedliche Breite. Um das Bild verläuft ein Rahmen (hier gestrichelt). Wenn der Text unter dem Bild breiter ist als das Bild wird der rote Bereich (.box) ausgedehnt. Der Rahmen von .bild passt sich nun automatisch der Größe von .box an. Eigentlich sollte er aber im gleichen Abstand um das Bild laufen!? Code:
.box{ float:left; margin: 5px 15px 5px 5px; background-color:#FF0000; } .bild{ padding:5px; border: 1px dashed #000000; } |
Sponsored Links |
|
|||
Hab ich mein Problem so schlecht beschrieben oder ist es wirklich so schwer (kann ich mir nicht vorstellen)?
Nochmal in wenigen Worten: Der Rahmen (hier gestrichelt) soll sich sauber um das Bild (oranger Kasten) legen und sich nicht mit der roten Box ausdehnen! |
Sponsored Links |
|
|||
Ohne Beispielcode geht gar nix
Da gibts verschiedene Möglichkeiten, wie das ausgelöst wird. grüsse andir
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
|||
Naja das ganze ist wirklich sehr simple aufgebaut:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> .box{ float:left; margin: 5px 15px 5px 5px; background-color:#FF0000; } .bild{ padding:5px; border: 1px dashed #000000; } </style> </head> <body> <div class="box"> <div class="bild"> [img]bild.gif[/img] </div> [*]Hier steht Text Hier steht Text </div> </body> </html> |
|
|||
was bitte soll den der div da überhaupt - wieso lässt du den nicht weg, und gibst den rahmen dem bild selber?
btw:[*] ohne <ul> oder[list=1] drumherum ist unfug bzw. nicht erlaubt. Zitat:
|
|
|||
Zitat:
Zitat:
|
|
|||
Zitat:
Zitat:
Gruß Vaeth |
Sponsored Links |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
<div> über volle breite fixieren | claudio | CSS | 2 | 21.06.2016 09:41 |
Bilder / Slider (boxed und volle Breite) | Guitarrero | CSS | 1 | 28.04.2014 09:05 |
div über volle Breite innerhalb eines divs mit fester Breite möglich? | philippsen | CSS | 1 | 24.11.2013 19:28 |
Zwei <div> nebeneinander. Wie umschließendes <div> ausdehnen, wenn 2. <div> fehlt? | Mango | CSS | 2 | 11.03.2013 00:44 |
<div> soll restliche Breite annehmen | oetzi | CSS | 11 | 11.08.2008 13:12 |