Ewig leidiges Thema verschachtelter DIVs

[Nopsen]

Hallo zusammen
Ich bin seit Tagen in Foren und suche zu einem längst bekannten Problem eine einfache (!!!!!) Lösung. Ich habe ein DIV, welches relativer positioniert sein muss - fragt nicht warum, es muss einfach so sein! In diesem DIV habe ich zwei weitere DIVs, die absolut zum "Vater"-DIV stehen - auch das muss sein. In den "Kindern" platziere ich nun Text und Bilder - und siehe da, das "Vater"-Div passt sich nicht der Höhe der "Kinder" an, sprich es ist 0. Ich habe so viele Lösungsvorschläge, Browserweichen etc. etc. gefunden - mir wurde fast schlecht. Dazu hat rein nichts funktioniert. Hat jemand eine einfach Lösung - es geht mir nicht darum, dass ich CSS in alle Details begreife, ich wäre unendlich dankbar, wenn ihr euren Lösungsansatz in meinen Code reinschreiben könnt.... Herzlichsten Dank!

<div id="myContainer" style="position: relative;">
<div class="myText" style="position: absolute; top: 46px; left: 68px;">
<p>Some text</p>
</div>
<div class="myImage" style="position: absolute; top: 24px; right: 19px; width: 200px; height: 360px; overflow: hidden;">
<img src="image.jpg" alt="" border="0">
</div>
</div>

[suit]

Ich bin seit Tagen in Foren und suche zu einem längst bekannten Problem eine einfache (!!!!!) Lösung.

Satzzeichen sind keine Rudeltiere :p

Ich habe ein DIV, welches relativer positioniert sein muss - fragt nicht warum, es muss einfach so sein!

Ich frage an dieser Stelle nicht, weil es nicht relevant ist.

In diesem DIV habe ich zwei weitere DIVs, die absolut zum "Vater"-DIV stehen - auch das muss sein.

An dieser stelle Frage ich: warum, denn das ist relevant.

In den "Kindern" platziere ich nun Text und Bilder - und siehe da, das "Vater"-Div passt sich nicht der Höhe der "Kinder" an, sprich es ist 0.

Works as designed - das ist nicht zu lösen, sofern du nicht erklärst, was du erreichen willst.

[Nopsen]

Hallo suit
Herzlichen Dank für deine Fragen. Ich habe kurz die Geschichte, an welcher ich bastle, online gestellt. Ist nun natürlich ausführlicher als in meinem rudimentär dargestellten Post. Dem besagten "Vater"-Div habe ich in der Version online eine height verpasst, so dass überhaupt was angezeigt wird. Das soll sich jedoch relativ zur Texthöhe (in MyText) anpassen. Wie du siehst passt sich das gesamte Design an die Browsergrösse an - und bitte beachte: Das Teil ist noch lange nicht fertig!

[ChrisB]

Hi,

Ich habe kurz die Geschichte, an welcher ich bastle, online gestellt. Ist nun natürlich ausführlicher als in meinem rudimentär dargestellten Post.

Ist vor allem eine furchtbare DIV-Suppe.

Dem besagten "Vater"-Div habe ich in der Version online eine height verpasst, so dass überhaupt was angezeigt wird.

Und welcher DIV ist das?

Das soll sich jedoch relativ zur Texthöhe (in MyText) anpassen.

Ich finde kein Element mit dieser Id(?).

MfG ChrisB

[Gunnar Bittersmann]

@@Nopsen:

nuqneH

Ich habe kurz die Geschichte, an welcher ich bastle, online gestellt.

Da ist nicht zu erkennen, warum irgendwas absolut positioniert sein sollte.

Es ist vermutlich auch für viele Nutzer nicht zu erkennen, wofür DE FR EN steht. Dito + - R.

Soll der Besuch der Website einen Besuch in der Augenklinik zur Folge haben? Ziel erreicht. ;-) Die Logo-Grafik ist völlig verpixelt, beim Erstellen wurde wohl Anti-Aliasing vergessen.

Qapla'

[tinizong]

Hallo suit
Herzlichen Dank für deine Fragen. Ich habe kurz die Geschichte, an welcher ich bastle, online gestellt. Ist nun natürlich ausführlicher als in meinem rudimentär dargestellten Post. Dem besagten "Vater"-Div habe ich in der Version online eine height verpasst, so dass überhaupt was angezeigt wird. Das soll sich jedoch relativ zur Texthöhe (in MyText) anpassen. Wie du siehst passt sich das gesamte Design an die Browsergrösse an - und bitte beachte: Das Teil ist noch lange nicht fertig!

Hallo

Ich kann nicht ganz nachvollziehen, wieso die inneren Divs absolut sein müssen. falls du abstände zum rand willst solltest du das mit margin padding lösen. das linke wäre dann float left und das rechte float right. wenn du dem übergeordneten div dann overfolw:hidden setzt wird das div entsprechend aufgedrückt.

<div style="overflow:hidden>
  <div style="float:left">
  </div>
  <div style="float:right">
  </div>
</div>

Hoffe geholfen zu haben.
Gruss Tini

ps. posten um zu helfen

[Gunnar Bittersmann]

@@tinizong:

nuqneH

ps. posten um zu helfen

CSS-Angaben inline in @style-Attributen zu notieren ist kaum hilfreich.

Qapla'

[tinizong]

@@tinizong:

nuqneH

ps. posten um zu helfen

CSS-Angaben inline in @style-Attributen zu notieren ist kaum hilfreich.

Qapla'

lieber gunnar
es meine style angaben sollen dem thread ersteller eine idee geben, was ich mit dem prosatext gemeint habe und welche divs er wie formatieren muss um sein spezifisches problem möglicher weise zu lösen. ob es dies tut kann nur er entscheiden.

seine frage war wie er die divs arangieren muss und nicht. was haltet ihr von meiner div struktur, oder ist für euch erkennbar was "EN DE FR + -" bedeuten, oder was haltet ihr von der auflösung der bilder. Diese fragen hast du, lieber Gunnar bereits in einem anderen Post dieses Threads wunderbar beantwortet und hast dem Thread ersteller sicher geholfen.

[suit]

seine frage war wie er die divs arangieren muss und nicht. was haltet ihr von meiner div struktur, oder ist für euch erkennbar was "EN DE FR + -" bedeuten, oder was haltet ihr von der auflösung der bilder. Diese fragen hast du, lieber Gunnar bereits in einem anderen Post dieses Threads wunderbar beantwortet und hast dem Thread ersteller sicher geholfen.

Mit anderen Worten: wenn du mit einem Strauß Rosen beim Restauranteingang fragst, wo denn der Saal für die Geburtstagsfeier Oma reserviert ist, möchtest du auch nur den Weg wissen und nicht etwa, dass dir eine Nudel im Gesicht klebt, die Knöpfe deines Hemdes versetzt zugeknöpft sind und dein Hosenschlitz offen ist ...

[tinizong]

seine frage war wie er die divs arangieren muss und nicht. was haltet ihr von meiner div struktur, oder ist für euch erkennbar was "EN DE FR + -" bedeuten, oder was haltet ihr von der auflösung der bilder. Diese fragen hast du, lieber Gunnar bereits in einem anderen Post dieses Threads wunderbar beantwortet und hast dem Thread ersteller sicher geholfen.

Mit anderen Worten: wenn du mit einem Strauß Rosen beim Restauranteingang fragst, wo denn der Saal für die Geburtstagsfeier Oma reserviert ist, möchtest du auch nur den Weg wissen und nicht etwa, dass dir eine Nudel im Gesicht klebt, die Knöpfe deines Hemdes versetzt zugeknöpft sind und dein Hosenschlitz offen ist ...

Wie er geschieben hat ist er an der Seite dran. Wenn ich aus der Dusche komme und meine Frau frage wo die Gebrutstagsfeier von Oma stattfindet, will ich nicht höhren, dass ich noch keine Hosen an habe ;-). Aber das ist Off topic.

[Klawischnigg]

Hi there,

Mit anderen Worten: wenn du mit einem Strauß Rosen beim Restauranteingang fragst, wo denn der Saal für die Geburtstagsfeier Oma reserviert ist, möchtest du auch nur den Weg wissen und nicht etwa, dass dir eine Nudel im Gesicht klebt, die Knöpfe deines Hemdes versetzt zugeknöpft sind und dein Hosenschlitz offen ist ...

Ich neige mein Haupt vor Deiner Auffassungsgabe...

[suit]

Ich neige mein Haupt vor Deiner Auffassungsgabe...

In Scham (Fremdschämen) oder Ehrfurcht? :p

[Klawischnigg]

Ich neige mein Haupt vor Deiner Auffassungsgabe...

In Scham (Fremdschämen) oder Ehrfurcht? :p

In schierer Bewunderung...

[Gunnar Bittersmann]

@@tinizong:

nuqneH

es meine style angaben sollen dem thread ersteller eine idee geben, was ich mit dem prosatext gemeint habe

Wenn du richtig schreiben würdest, wäre es leichter zu verstehen, was du mit deinen Prosatexten meinst.

Inline-Style-Angaben sind nicht gut, auch nicht in Beispielcode, denn sie geben ein schlechtes Beispiel.

seine frage war […] und nicht […]

Dir ist (noch) nicht klar, dass Abschweifungen und Vorschläge, die über den Tellerrand hinausgehen, die hohe Qualität dieses Forums ausmachen?

Qapla'