[wrestler]

Hallo allerseits

Ich möchte in einem Div ein Text-Div über ein Bild-Div stellen. Ich kriege das einfach nicht hin.

Ich arbeite in Drupal 7, Omega-Theme.

Vielen Dank im Voraus!
Viele Grüsse
Wrestler

[franc78]

Wenn du div´s übereinander legen willst, geht das mit absoluter Positionierung.
Nötig ist das aber nur wenn dein Bild als HTML vor liegt. Andernfalls kannst du auch ein Hintergrundbild per CSS zuweisen.

Grundsätzlich sollte man alle Bilder die zum Inhalt gehören ins HTML einbetten, alle Bilder die zu Designzwecken eingebunden werden per CSS.

Viel mehr Hilfe wird dir keiner geben können, solange du keinen Link zu deiner Seite, oder zumondest den Quelltext postest.

[wrestler]

Absolute Positionierung geht nicht, sonst verhauts das ganze Layout.

Hier der Link zu meiner Seite: Es handelt sich um die Teaser-Blöcke (mit Quicksand ausgegeben) unter dem grossen Slider-Bild:

www.2lb.ch

#block-views-front-block-1 .views-quicksand-container {
max-width: 100%;
}


#block-views-front-block-1 .views-quicksand-container .views-row {
background: rgba(0,0,0,0.46);
border: 1px solid #fff;
box-shadow: 0px 0px 30px black;
margin: 0 1% 1% 0 !important;
height: auto;
background: url (.block-views-front-block-1 .views-quicksand-container .views-field-field-image img);
}


.block-views-front-block-1 .views-quicksand-container .views-row .views-field-created span.field-content {
background: rgba(255,255,255,0.5);
color: rgba(0,0,0,0.5);
top: 0%;
left: 0%;
padding: 0 2%;
float: left;
}

.block-views-front-block-1 .views-quicksand-container .views-field.views-field-field-kategorie {
background: rgba(255,255,255,0.5);
color: rgba(0,0,0,0.5);
top: 0%;
left: 0%;
padding: 0 2%;
float: right;
}


.block-views-front-block-1 .views-quicksand-container .views-row .views-field-title {
color: #fff;
left: 5%;
right: 5%;
width: 90%;
float: left;
padding: 0 4%;
}

.block-views-front-block-1 .views-quicksand-container .field-content p {
padding: 4%;
}

.block-views-front-block-1 .views-quicksand-container .views-field-field-image .field-content {
width: auto;
}

.block-views-front-block-1 .views-quicksand-container .views-field-field-image img {
width: 100%;
background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1));
}

[franc78]

Wenn du absolut positionierst ist der Bezugspunkt wichtig.

Ein absolut positioniertes Element richtet sich immer nach dem nächsten umgebenden Element das ebenfalls positioniert ist.

Verschachtelte Elemente hast du genug (meiner Meinung nach sogar viel zu viel Div-Salat). Du musst dem äußersten div des jeweiligen Teaser-Blocks position:relative geben. Damit gilt er als Bezugspunkt für die Elemente in ihm die absolut positioniert werden. Außerdem gibst du ihm noch die richtige Höhe mit.

Dann positionierst du den div der das Bild enthält absolut, und die Sache sollte passen .

Edit:
Validieren und überflüssige Tags entfernen wäre mal richtig dringend (121 FEHLER) !!!!
Ich hab zwar noch nichts mit Drupal gemacht, aber von dem Quelltext kann man das meiste einsparen.