DIVs nebeneinander, crossbrowserfähig
Hallo,
ich habe folgendes vor:
Ein umschließender DIV-Container beinhaltet zwei weitere DIVs, die nebeneinander liegen sollen. Die Höhe und Weite der inneren DIVs sollen allein durch deren Inhalt (nämlich Bild und Text in unterschiedlichen Abmessungen) bestimmt werden. Die Abmessung des Äusseren DIV-Containers ergibt sich dann wiederum aus den innenliegenden. Ist schwer zu erklären, deshalb hier eine Skizze:

Ich habe schon viel probiert - float:left scheint wohl am Besten, doch der IE MAC bringt mich zur Verzweiflung, denn eigentlich will ich keine Hacks.
Wenn da jemand etwas weiß: einen Link, Code...
ich würde mich über einen Rat sehr freuen.
Soweit erstmal...
ich habe folgendes vor:
Ein umschließender DIV-Container beinhaltet zwei weitere DIVs, die nebeneinander liegen sollen. Die Höhe und Weite der inneren DIVs sollen allein durch deren Inhalt (nämlich Bild und Text in unterschiedlichen Abmessungen) bestimmt werden. Die Abmessung des Äusseren DIV-Containers ergibt sich dann wiederum aus den innenliegenden. Ist schwer zu erklären, deshalb hier eine Skizze:

Ich habe schon viel probiert - float:left scheint wohl am Besten, doch der IE MAC bringt mich zur Verzweiflung, denn eigentlich will ich keine Hacks.
Wenn da jemand etwas weiß: einen Link, Code...
ich würde mich über einen Rat sehr freuen.
Soweit erstmal...
31.10.2006 21:52
Vergiss den IE Macdoch der IE MAC
Den gibt es seit 31.Dezember 2005 offiziell nicht mehr und wird auch nie wieder kommen.
http://www.heise.de/newsticker/meldung/67522
31.10.2006 22:38
Hey mark,
Ja, stimmt wohl, ich hätte auch keine Probleme ein paar veraltete Browser-Versionen zu ignorieren. Das Problem bleibt jedoch, auch wenn ich erstmal nur Firefox und Safari nehme.
Der umschließende DIV-Container will nämlich immer die gesamte Breite ausfüllen, sobald ich in einen der innenliegenden DIVs ein <h1> o.ä. setze...
Also ein grundsätzlicher Tip (auch nicht-crossbrowser) wäre super.
Aber schon mal danke für die schnelle Antwort.
Ja, stimmt wohl, ich hätte auch keine Probleme ein paar veraltete Browser-Versionen zu ignorieren. Das Problem bleibt jedoch, auch wenn ich erstmal nur Firefox und Safari nehme.
Der umschließende DIV-Container will nämlich immer die gesamte Breite ausfüllen, sobald ich in einen der innenliegenden DIVs ein <h1> o.ä. setze...
Also ein grundsätzlicher Tip (auch nicht-crossbrowser) wäre super.
Aber schon mal danke für die schnelle Antwort.
01.11.2006 09:27
Hallo,
alle Blockelemente nehmen prinzipiell alle zur Verfügung stehende Breite ein. Wenn du das nicht willst, brauchst du eine inline-Element wie <span>, oder du setzt mit CSS display:inline;
HTH,
Moritz
alle Blockelemente nehmen prinzipiell alle zur Verfügung stehende Breite ein. Wenn du das nicht willst, brauchst du eine inline-Element wie <span>, oder du setzt mit CSS display:inline;
HTH,
Moritz
01.11.2006 09:45
Hi Moritz, jo - hab ich probiert, aber sobald die eigentlichen Blockelemente inline laufen, haut das mit der variablen Höhe nicht mehr hin... oder?
Mit <span> probiere ich gerade (immernoch) herum, auch um so wenig DIVs wie nötig zu verbauen - mal schauen. Danke
Mit <span> probiere ich gerade (immernoch) herum, auch um so wenig DIVs wie nötig zu verbauen - mal schauen. Danke
01.11.2006 09:49
Beitrag schreiben (als Gast)
Beim Verfassen des Beitrages bitte die Forenregeln beachten.