Πρόβλημα με CSS κώδικα

gkabas · 27 Νοεμβρίου 2009

Παιδιά καλησπέρα!!! Φτιάχνω μια σελίδα τώρα για μια τοπική ομάδα ποδοσφαίρου.. Αλλά πρώτη φορά χρησιμοποιώ CSS για να της δώσω δομή... Όλα καλά... αλλά το μόνο πρόβλημα που αντιμετοπίζει είναι στο αριστερό TABLE της σελίδας... και το οτι η σελίδα δεν κεντραρίζεται... Σας ευχαριστώ!!!

Ορίστε ο κώδικας:

body {

margin: 10px 10px 0px 0px;

padding: 0px;

}

#header {

height: 50px;

background-color: #ccc;

padding: 5px;

}

#navigation {

position: absolute;

left: 10px;

top: 70px;

width: 150px;

border: 1px solid #000;

padding: 5px;

}

#news {

position: absolute;

right: 10px;

top: 70px;

width: 150px;

border: 1px solid #000;

padding: 5px;

}

#content{

background-color: #999;

margin-left: 162px;

margin-right: 162px;

padding: 5px;

}

#footer {

border-top: 2px solid #000;

padding: 5px;

}

Και τον συνδέω με αυτόν τον HTML κώδικα:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">

<head>

</head>

<body>

<div id="header">Header</div>

<div id="content">Content</div>

<div id="navigation">Navigation</div>

<div id="footer">Footer</div>

</body>

</html>

parsifal · 27 Νοεμβρίου 2009

Το θέμα μεταφέρεται εδώ από την ενότητα [iSoftware[/i]. Παρακαλώ πριν να ανοίξετε νέο θέμα, να ελέγχετε τις περιγραφές της κάθε ενότητας στην κεντρική σελίδα του forum ώστε να επιλέγετε αυτήν που είναι καταλληλότερη για να φιλοξενήσει το θέμα σας.

Ευχαριστώ.

spartakoscs · 28 Νοεμβρίου 2009

>body {
    margin: 10px 10px 0px 0px;
 padding: 0px;
 }

#header {
    height: 50px;
 background-color: #ccc;
 padding: 5px;
 }
 
#main {
position: relative;
width:auto;
}
 
#navigation {
    position: absolute;
 left: 0px;
 top: 0px;
 width: 150px;
 border: 1px solid #000;
 padding: 5px;
 }
 
#news {
    position: absolute;
 right: 0px;
 top: 0px;
 width: 150px;
 border: 1px solid #000;
 padding: 5px;
 }
 
#content{

    background-color: #999;
 margin-left: 162px;
 margin-right: 162px;
 padding: 5px;
 }
 
#footer {

    border-top: 2px solid #000;
 padding: 5px;
 }

><body>

<div id="header">Header</div>
<div id="main">
<div id="navigation">Navigation</div>
<div id="content">Content</div>
<div id="news">News</div>
</div>
<div id="footer">Footer</div>

</body>

για δοκίμασε με τον κώδικα που σου δίνω τώρα έκανα μερικές αλλαγές είναι αυτό που θες ?

Σύνδεση

Πρόβλημα με CSS κώδικα

Προτεινόμενες αναρτήσεις

gkabas

parsifal

spartakoscs

Αρχειοθετημένο

Σύνδεση