• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Box soll sich nach der Höhe der Hintergrundgrafik anpassen

Status
Für weitere Antworten geschlossen.

gaplex

Mitglied
Hallo,
wie mache es, dass eine Box immer so hoch ist, wie die in CSS hinterlegte Grafik?

Code:
#box
    width: 690px;
    height: auto;
    background-image: url(img/01.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

Also so würde ich jetzt nichts sehen, nur wenn ich "height:" die Höhe entsprechend der Grafik angebe. Es geht doch sicherlich, dass sich die Höhe automatisch nach der Grafik richtet oder?
 
Gib dem Element die entsprechende Größe, die auch das Hintergrundbild hat.
Eine automatische Anpassung an ein Hintergrundbild gibt es nicht, nur an Content.
 
Du kannst mittels PHP die Höhe des Bildes ermitteln und diese im CSS Teil der Datei als Variable für die Höhe der #box ID wiedergeben.

Somit bist du nicht auf eine fixe Höhe beschränkt und kannst bei der Auswahl der hintergrundbilder variieren ohne die Höhe neu festsetzen zu müssen.

Ich persönlich finde diesen Weg allerdings eher umständlich und hätte es so gemacht wie Efchen es bereits gesagt hat.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben