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

B

boor

Registered
Как мога да направя така,че сайтът да се показва по средата на бразузъра?

Код: 
<style type="text/css">
div#container
{
	position:relative;
	width: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
}
body {text-align:center;margin:0}
</style>
 
<center>

</center>

след <body>

Така се центрира:

body {
text-align : center;
}

#element {
width : 500px;
height : auto;
margin-left : auto;
margin-right : auto;
text-align : left;
}
 
Код: 
body { width: 700px; margin: 0 auto;}

Така целият ти сайт ще е широк 700рх и ще стои по средата.

Код: 
body { margin: 0; padding: 0;}

div#container { width: 600px margin: 0 auto;}

Така само този елемент ще е е широк 600рх и ще е центриран, но така ще може да задаваш ширината на всеки следващ елемент и да си го центрираш с margin: 0 auto;
 
<style>
body {
text-align: center;
}
div#c {
margin-left: auto;
margin-right: auto;
width: 400px;
}
</style>
<div id="c">
text
</div>

text-align: center; - центрира текста в самия елемент

margin-left: auto; - Задаваш външните отстъпи на елемента от ляво да се определят автоматично в зависимост от широчината на елемента и по този начин да са равни на тези от дясно

margin-left: auto; - Задаваш външните отстъпи на елемента от дясно да се определят автоматично в зависимост от широчината на елемента и по този начин да са равни на тези от ляво

width: 400px; - Определяш широчината на елемента ;)

div#c - Това значи, че всички div-ове с id="c" ще имат долните настройки. Същото може да бъде направено по този начин:

div.c

но тогава ще е <div class="c">

Демо
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе