• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Relative und absolute Positionierung

T

tobi-848

New member
Hallo miteinander

Ich habe zum ersten Mal eine Webseite erstellt mit Hintergrundbild-Struktur. Leider habe ich noch ein paar Probleme mit der Positionierung des Textes. Beim verändern der Fenstergrösse bleibt der Text nicht immer schön am vorgesehenen Ort, obwohl der Container eigentlich relativ zus Seite positioniert wird.

Das Hintergrundbild befindet sich direkt auf dem body-Element, wobei der Text im Conatiner "inhalt" liegt.



Code: 
body, head {
overflow:scroll;
z-index:1;
background-image: url(bilder/layout/10.jpg);
background-attachment:fixed;
background-position:center center;
background-repeat:no-repeat;
background-color: black;
}


Habe die Homepage ins Internet geladen zum ansehen. VB, Startseite

Besten Dank für eure Hilfe

Gruss


Code: 
#inhalt {
position: absolute;
top: 20%;
left: 35%;
width: 30%;
height: 100%;
overflow: hidden;
z-index: 20;
background-color: transparent;
}
 
Wie soll's denn werden? Du könntest mal aus Deinem Div inhalt alles rauswerfen und nur reinschreiben:
PHP: 
width: 280px;
margin: 200px auto 0;

Edit: Der Abstand oben (200px) ist wahrscheinlich zu groß angegeben, hab's jetzt nicht 1:1 nachgebaut.
 
Zuletzt bearbeitet:
anna55 schrieb:
Wie soll's denn werden? Du könntest mal aus Deinem Div inhalt alles rauswerfen und nur reinschreiben:
PHP: 
width: 280px;
margin: 200px auto 0;

Edit: Der Abstand oben (200px) ist wahrscheinlich zu groß angegeben, hab's jetzt nicht 1:1 nachgebaut.
Zum Vergrößern anklicken....

Es hat geklappt=)
Danke dir!


Was findest du eigentlich sinnvoller? Die Seite relativ oder absolut zu positionieren?

Gruss
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben