Центриране на сайт

[tedobedo]

Здравейте,
ще започвам да кодирам един дизайн, но се чудя как да го центрирам! До сега винаги центрирам с top и left, но не става точно. Ще ми кажете ли как мога да го направя?

 

[gLaVoReZa]

<html>
<head>
<style type="text/css">
* {
margin : 0;
padding : 0;
}
body {
text-align : center;
}
#MainCell {
margin : 0 auto 0 auto;
width : 500px;
height : 100%;
text-align : left;
background-color : papayawhip;
}
</style>
</head>
<body>
<div id="MainCell">
дъра бъра, дъра бъра, дъра бъра
</div>
</body>
</html>

 

[shterev]

направи един общ контейнер , центрирай го така:

.content{ margin:0 auto; width:900px;}

И после наместваш всичко вътре в него

<div class="content">
           code...
</div>

 

[tedobedo]

Кой от двата начина е по-добър?

 

[shterev]

и двата метода са едни и същи, само където той е написал повече неща, за да ти онагледи примера

 

[tedobedo]

width:900px; Трябва ли да го променям или така да го оставя?

 

[shterev]

ми зависи как ти е дизайна, по принцип се променя

 

[tedobedo]

С моя width на дизайна да го заменя нали?

 

[shterev]

да