Anastasis 48 Report post Posted November 10, 2016 Κεντράρισμα ενός div καθέτως και οριζοντίως σε ολόκληρη την οθόνη ανεξαρτήτως ανάλυσης κώδικας: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Κεντράρισμα ενός div καθέτως και οριζοντίως σε ολόκληρη την οθόνη ανεξαρτήτως ανάλυσης. Center div Horizontal and vertical</title> <style type="text/css"> body { text-align: center; font-family: sans-serif; } #cntdiv { position: fixed; /* θέση σταθερή */ width: 200px; /* πλάτος */ height: 100px; /* ύψος */ margin-left: -100px; /* το μισό του width */ margin-top: -50px; /* το μισό του height */ top: 50%; /* το μετακινούμε στο 50% από πάνω ... */ left: 50%; /* ... και στο 50% από αριστερά */ text-align: left; /* αριστερή στοίχιση του κειμένου μέσα στο div layer */ padding: 5px; /* απόσταση κειμένου από το περίγραμμα του div layer */ border: 2px solid #ffd324; /* περίγραμμα με 2pixel πάχος */ background-color:#FFC; /* χρώμα γεμίσματος του div layer */ } </style> </head> <body> <div id="cntdiv">Εδώ βάλε το περιεχόμενο σου.<br />π.χ. freestuff.gr Rulez</div> </body> </html> demo: http://www.avadaz.com/playground/centerdiv.htm Quote Share this post Link to post Share on other sites
