div positioning

[mihalis19]

Γεια σας. Θα ήθελα μια βοήθεια.

Έχω τον παρακάτω κώδικα:

 

<div id="test">

 <img src="http://www1.niederschlagsradar.de/onweer/loop_onweer.gif"alt="test">

</div>

 

css:

 

 

#test {

   position: relative;

   margin-top: 10px;

   margin-left: auto;

   }

 

 

και θα ήθελα να κάνω το εξής.Μέχρι στιγμής όλη η σελίδα (header, footer) όταν κάνω zoom in ή zoom out μένουν όλα στοιχισμένα στο κέντρο και όσο και αν μεγαλώνει η οθόνη μένουν όλα όπως πρέπει.

Το πρόβλημα το βρίσκω όταν πάω να φτιάξω το παραπάνω. η σελίδα αποτελείται από τα εξής.

header, αυτό που θέλω να κάνω (είναι απλά ένα live link) και το footer. 

Πως πρέπει να φτιάξω το css ώστε να είναι το div"test" στοιχισμένο στην μέση της σελίδας και ταυτόχρονα στο zoom in/out να συμπαρασέρνετε σύμφωνα και με τα υπόλοιπα στοιχεία.

 

 

Ευχαριστώ