Kopf div zentrieren abhängig von Bildschirmauflösung

1 uwe

Hallo,
ich habe eine Kopfzeile mit 1Bild und 2 gif's die das Bild überlagern.
Das habe ich mit absolute Position gemacht.
Das Problem ist jetzt die Bildschirmauflösung.
Das Bild hat eine feste Breite.
Wenn die Bildschirmauflösung hoch ist, hängt mein Kopfbereich ganz links.
http://www.muehlenferienhaus.de/kopf.html
Die beiden GIF's sollen Ihre Position behalten. (links und rechts im Hintergrundbild)

Wie bekomme ich die 3 Bilder zentriert hin?

Gruss
Uwe

2 Jörg Kruse

Hallo Uwe,

Elemente, die du absolut positonierst, kannst du nicht mehr zentrieren - die absolute Posuitionierung fixiert diese ja gewissermaßen.

Du kannst ein Header-Element mit margin-auto zentrieren (und mit textalign:center im übergeordneten body für den dümmeren IE) und diesem Haus_Wolken_lang.JPG als Hintergrundbild zuordnen. Die beiden kleineren Grafiken kannst du dann mit float:left und float:right innerhalb des zentrierten Headers an den Rändern positionieren, wobei du mit margin noch Abstände erzeugen kannst. Beispiel:

<body style="text-align:center">
<div style="width:947px; height:128px; background-image:url(slides/Haus_Wolken_lang.JPG); margin:0 auto">
<div style="float:left; width:40px; margin-left:10px">Rollstuhlgerecht
<img style="width: 40px; height: 40px;" alt="Rollstuhl Urlaub an der Nordsee" src="slides/rollstuhl_uwe.gif"></div>
<div style="float:right; width:91px; margin-right:40px; margin-top:20px"><img style="left: 823px; width: 91px; height: 85px;" alt="Urlaub an der Nordsee" src="slides/Muehle.GIF"></div>
</div>
</body>

3 uwe

Hallo,
vielen Dank.
Gruss
Uwe

Kopf div zentrieren abhängig von Bildschirmauflösung

Beitrag schreiben (als Gast)

Verwandte Themen