div στο κέντρο

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
nknet
Δημοσιεύσεις: 97
Εγγραφή: 23 Οκτ 2003 07:54

div στο κέντρο

Δημοσίευση από nknet » 06 Μάιος 2009 13:27

Γεια χαρά, ξεκίνησα να μαθαίνω τα div και θα ήθελα μια βοήθεια.
Για να στοιχίσω το site στο κέντρο χρησιμοποιώ δύο div. Πως μπορώ μα κάποιο τρόπο να τα ενοποιήσω σε ένα?

Κώδικας: Επιλογή όλων

#top1 {
  width: 1000px;
  margin:  0px auto 0px auto;
}
#top2 {
  background-color: #ffffff;
  position: absolute;
  width: 1000px;
  top: 10px;
  height: 800px;
}

Κώδικας: Επιλογή όλων

<div id="top1">
	<div id="top2">
		<p>bla bla bla</p>
	</div>
</div>

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

div στο κέντρο

Δημοσίευση από Sermac » 07 Μάιος 2009 22:30

Κώδικας: Επιλογή όλων

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<title>Title</title>
<style type="text/css">
#wrap &#123;
    position&#58;absolute;
    left&#58;50%;
    top&#58;50%;
    width&#58;300px;
    height&#58;200px;
    margin-left&#58;-150px;
    margin-top&#58;-100px;
    border&#58;1px solid #000;
    background-color&#58;#F0FFDF;
&#125;
</style>
</head>
<body>
    <div id="wrap">
    
    </div>
</body>
</html>
Εικόνα

Άβαταρ μέλους
nknet
Δημοσιεύσεις: 97
Εγγραφή: 23 Οκτ 2003 07:54

div στο κέντρο

Δημοσίευση από nknet » 12 Μάιος 2009 14:22

Το έφτιαξα με το παράδειγμά σου.
Σε ευχαριστώ

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες