Προς το περιεχόμενο

Dreamweaver CS5 maincontainer

evankoum

Από τον evankoum
στο Web Design - Development

 Share

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

evankoum Proficient

evankoum

Δημοσ.
Δημοσ. (επεξεργασμένο)

Κάποιος να βοηθήσει παρακαλώ.

Προσπαθώ να δημιουργήσω ένα site με τρείς σελίδες στις οποίες θα επαναλαμβάνονται

το "body" 2180Χ1024px (με διαφορετικό "background image") και ένα "maincontainer" 700X800px

(με διαφορετικό περιεχόμενο πιθανότατα table).

Το πρόβλημα είναι οτι πως να εισάγω στο "body" το "maincontainer", έτσι ώστε να είναι πάντα

στο κέντρο της οθόνης (μου βγαίνει στην αριστερή πλευρά και δεν μπορώ ούτε να του αλλάξω θέση).

Ευχαριστώ

Επεξ/σία από evankoum
thanocaster Mentor

thanocaster

Δημοσ.
Δημοσ.

Για την ακρίβεια, πέρα από αυτό που λέει ο subdee, πρέπει να έχεις ορίσει συγκεκριμένο width και position: relative στο κεντραρισμένο div, και να ΜΗΝ έχεις ορίσει κάποιο συγκεκριμένο float.

thanocaster Mentor

thanocaster

Δημοσ.
Δημοσ.

Δεν είναι απαραίτητο αν ο γονιός είναι relative (αν κανένας γονιός δεν έχει ορισμένο positioning, τότε το default είναι relative). Αν όμως ο γονιός έχει position: absolute, τότε χρειάζεται.

Μετά από μια δοκιμή είδα ότι πλέον δεν ισχύει κάτι τέτοιο, έχεις δίκιο, έχω άδικο. Κούντος.

evankoum Proficient

evankoum

Δημοσ.
  • Μέλος
Δημοσ. (επεξεργασμένο)

Ευχαριστώ πολύ.

Επειδή όμως θέλω το "maincontainer" να παραμένει πάντα στο κέντρο της οθόνης,

όταν μεταβάλλεται το πλάτος του παράθυρου, το "position" θέλει "static";.

Επεξ/σία από evankoum
evankoum Proficient

evankoum

Δημοσ.
  • Μέλος
Δημοσ.

Όχι δεν παίζει. Σε κάποια φάση το "maincontainer" παρέμενε στο κέντρο της οθόνης ανεξάρτητα από το πλάτος της.

Μετά κάτι έγινε και τώρα δεν κινείται. Τί πρέπει να αλλάξω;

 

#apDiv1 {

margin:0 auto;

position:static;

width:700px;

height:800px;

z-index:1;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: medium;

opacity: 0.4;

background-color: #F1BF74;

}

#apDiv1 table {

font-size: small;

}

sarakinos Grand Master

sarakinos

Δημοσ.
Δημοσ.

Για να έχεις κεντραρισμένο το wrapper δοκίμασε αυτό

 

<CODE>

margin-left:auto;

margin-right:auto;

</CODE>

 

Σαν roules του wrapper σου...

evankoum Proficient

evankoum

Δημοσ.
  • Μέλος
Δημοσ.

Thanocaster, κατ' αρχήν ευχαριστώ και σένα και τα άλλα παιδιά για την βοήθεια.

Αυτό που θέλω να κάνω είναι να μετακινείται το "mainbox" και να κεντράρεται από μόνο του όσο ανοιγοκλείνω το παράθυρο, κατά πλάτος. Εννοείται φυσικά όσο υπάρχει περιθώριο να γίνει. Αφού το "body" είναι μεγαλύτερο, υπάρχουν πάντα δεξιά και αριστερά περιθώρια τα οποία όσο μικραίνω το πλάτος του παράθυρου του ie π.χ. μικραίνουν και αυτά και δεξιά και αριστερά, ώστε το "maincontainer" βρίσκεται πάντα κεντραρισμένο. Ελπίζω να σου έδωσα να καταλάβεις.

Αν θέλεις ρίξε μια ματιά στο link να δεις τι εννοώ.

http://pkaronis.gr/index.php?option=com_weblinks&view=category&id=4%3A2011-07-05-21-19-13&Itemid=6

Ευχαριστώ

thanocaster Mentor

thanocaster

Δημοσ.
Δημοσ.

Ναι, κατάλαβα, αλλά απ' ότι βλέπω τώρα το έχεις με table. Anyway, αυτά που γραφτήκαν από πάνω πρέπει να σου κάνουν τη δουλειά 100%.

 

>

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>My title</title>
<style>
	div#centred {
		width: 1000px;
		height: 400px;
		background: yellow;
		margin: 0 auto;
	}
</style>
</head>
<body>
<div id="centred">centred</div>
</body>
</html>

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
 Share
Προς την λίστα θεμάτων
  • Δημιουργία νέου...