Hej,
ich habe 3 divs und möchte, dass die ersten zwei divs genauso lang sind, wie der Text in ihnen.
(natürlich noch ein bisschen padding links und rechts)
Der erste div klappt genauso, wie ich möchte. Der zweite aber, der auch mit width=„auto“ festgelegt ist, wächst aber mit dem dritten div, der sich unter ihnen befindet. Bild und Quelltext anbei.
[ATTACH=full]4270[/ATTACH]
Wie man sehen kann, vergrößert sich der dunkelgrüne div mit dem, der unter ihm liegt (in weiß).
Quellcode als Bild, weil sonst die Formatierung flöten geht:
[ATTACH=full]4271[/ATTACH]
Ich hoffe, ihr könnt mir helfen.
LG Willibergi
Hallo
Quellcode als Bild ist Sch…rott. Die Formatierung ist unnötig. Andere bevorzugen andere Formatierungen und sind durch deine eher genervt.
Auf die schnelle fällt mir folgendes auf:
Der Doctype fehlt
Auf einer Seite dürfen ID nur einmal vorkommen.
div#main wird nicht geschlossen.
Auf Höhenangaben (height) sollte verzichtet werden. Die Höhe von Containern wird durch ihren Inhalt bestimmt.
Zu deinem Problem: Probier es mal ohne margin:auto und verwende display:inline-block.
Gruss
MrMurphy
Vielen Dank - das funktioniert!
Aber wenn ich jetzt dem ersten div die Klasse inactive gebe und dem zweiten die Klasse active, wird der zweite vor dem ersten angezeigt. Warum?
Hier der Quellcode:
[FONT=Courier New]
Lorem
ipsum
Lorem ipsum dolor sit amet
Das liegt an der float:left-Regel für die Klasse .active. Ersetze sie durch display:inline-block.
Vielen lieben Dank!