Homepage selbermachen 7.846 Themen, 35.563 Beiträge

DIV Box horizontal und vertikal zentrieren?

Silent Bob / 9 Antworten / Flachansicht Nickles

hallo,

ich habe eine div box mit einem hover effekt versehen. bewegt man die maus über die box, wird ein anderes bild angezeigt.

das funktioniert auch super.

aber nun soll diese box auf der seite immer genau in der mitte stehen.
horizontal und vertikal.

wie geht das? ich habe das schon über eine tabelle versucht, aber damit
scheinen sich div boxen auch nicht positionieren zu lassen.
egal was ich mache, die box steht immer links in der mitte.

hat einer ne idee?

bei Antwort benachrichtigen
Borlander Silent Bob „DIV Box horizontal und vertikal zentrieren?“
Optionen

Folgendes funktioniert zumindest mit IE und MozFire, sollte aber eigentlich auch überall anders laufen:

<div style="background-color:silver;width:200px;height:150px;margin-left:-100px;margin-top:-75px;left:50%;top:50%;position:absolute;"></div>

Die Größenangaben und Margins mußt Du natürlich an Deine gegbenheiten anpassen...

Btw.: Den Hover-Effekt auch schon mit CSS realisiert?


Gruß
Borlander
bei Antwort benachrichtigen