Помощ за центриране на сайт

vikev

Registered
Здравейте! Доста четох и търсих, но за съжалени нищо не помогна. Направих си сайт със широчина 1024px и изобщо не ми хрумна, че ще се наложи центриране за по-висока резолюция. Основния проблем идва от това, че всички div-ове в кода за застопорени според отстояние от горе и от ляво. Ето пример от кашата:
<div id="Layer2" style="position:absolute; width:1007px; height:508px; z-index:4; left: 0px; top: 195px;">
<div id="Layer4" style="position:absolute; width:400; height:400; z-index:1; left: 40px; top: 61px;">
<a target='_blank' href='http://bgmaps.com/services/maps/redir.asp?redir=2&key=d707281c582ae0d9d8265584052cd1e8'>
</a><img src="map.jpg" width="400" height="400">

</div>
<div id="Layer6" style="position:absolute; width:581px; height:450px; z-index:3; left: 407px; top: 12px;">
<div align="center">


<form action="sendemail.php" method = "post">
<form name="form1">
<input name="formtext1" type="text" style="position:absolute;width:270px;left:162px;top:47px;z-index:0">
<input name="formtext2" type="text" style="position:absolute;width:270px;left:162px;top:110px;z-index:1">
<input name="formtext3" type="text" style="position:absolute;width:270px;left:162px;top:172px;z-index:2">
<input name="telefon" type="text" style="position:absolute;width:270px;left:162px;top:231px;z-index:3">
<textarea name="textarea1" style="position:absolute;width:270px;height:125px;left:162px;top:289px;z-index:4"></textarea>
<input name="Потвърди" type="submit" value="Изпрати" style="position:absolute; left:162px; top:423px; z-index:5; width: 121px;">
<input name="formbutton2" type="reset" value="Изчисти" style="position:absolute; left:344px; top:423px; z-index:6; width: 89px;">
</form>
<div id="text3" style="position:absolute; overflow:hidden; left:162px; top:22px; width:270px; height:22px; z-index:10">
<div align=center>Име и Фамилия</div>
</div>
<div id="text3" style="position:absolute; overflow:hidden; left:163px; top:-4px; width:270px; height:22px; z-index:10">
<div align=center>Свържете се с нас: </div>
</div>
<div id="text4" style="position:absolute; overflow:hidden; left:162px; top:77px; width:270px; height:26px; z-index:11">
<div align=center>Фирма</font></div>
</div>
<div id="text5" style="position:absolute; overflow:hidden; left:162px; top:141px; width:270px; height:23px; z-index:12">
<div align=center>e-mail</font></div>
</div>
<div id="text6" style="position:absolute; overflow:hidden; left:162px; top:202px; width:270px; height:23px; z-index:13">
<div align=center>телефон</font></div>
</div>
<div id="text7" style="position:absolute; overflow:hidden; left:162px; top:258px; width:271px; height:23px; z-index:14">
<div align=center>Въведи запитване</font></div>
</div>
</div>
</div>
<div id="Layer5" style="position:absolute; width:400px; height:59px; z-index:2; left: 40px; top: 10px;">
<div align="left"><span class="style3"><strong>A</strong><strong>дрес София, ул. Дойран №29<br>
<span class="style4">Телефони:</span> +359 888 32 79 33; +359 895 4811 32 <br>
</strong></span></div>
</div>
</div>

Та въпроса ми е има ли начин това да се центрира? Много благодарности предварително :)
 
Правиш един главен див, в който слагаш всички останали.Тях центрираш според този главния.А на главния задаваш:
<div style="margin:0 auto;">
//тука цялото ти съдържание
</div>
 
<div style="margin:0 auto; width:1000px; position:relative;">
съдържанието
</div>

Нещо такова трябва да е, въпреки че може да се окаже доста по-сложно центриранети ту след като на всеки елемент си задал position:absolute;
 
точно тази абсолютна позиция ми създава главоболията и се чудя дали има начин да центрирам сайта без да променям всеки div, защото са над 200.
Чудя се дали няма да стане ако разделя сайта на 3 фрейма и ложа съдържанието посредата. Има ли начин да задам средния фрейм да е с фиксирана ширина, а левия и десния да заемат по равно останалата широчина?
 
пробвах го, но на една част от страниците стана, на друга не :D
ще го боря някой друг път, когато имам време. Мерси много :)
 
webdefender каза:
центрираи с <CENTER> DIV-a </CENTER>

Елементите му са позиционирани Абсолютно, не мисля че ще помогне ,но да пробва.
 
не, не става, но мерси за предложението ;)
 
с маргин ауто пробва ли ?
 
стана с
<div style="margin:0 auto; width:1000px; position:relative;">
съдържанието
</div>
но за съжаление само в Мозила, а в IE си стои в лявo. Много главоболия ми саздава творението на Microsoft :X
 

Back
Горе