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

C

Centrino

Registered
Имам нужда от малко помощ. Някой може ли да сподели как да направя така че сайта ми да се поевява автоматично в средата на екрана като от ляво и от дясно има примерно по 50px. И когато потребителя си минилизира браузъра тези 50px който се намират от страни да изчезнат и да си остане самия сайт без страничните отстъпи, а когато отново го максилизира тези отстъпи да се поевят и сайта отново да си се поевява в средата. Да се надявам че сте ме разбрали Ако трябва ще дам примерна картинка да видите какво точно искам Благодаря

п.с Искам нещо от рода на WT както е в момента пробайте да минилизирате и ще видите как изчезват отстъпите :) И като максилизирате те отново са там :)
 
Ами ползвай малко css и табличка от рода
Код: 
<table rules=0 align="center" border="1">
<tr>
<td>Пример</td>
<td>Пример</td>
<td>Пример</td>
</tr>

</table>
като тази таблица е за средата можеш да направиш 3 една за ляво дясно и центъра, само променяш тук <table rules=0 align="center" border="1"> center --->left, right

Дано си ме разбрал :)
 
hackera каза:
Ами ползвай малко css и табличка от рода
Код: 
<table rules=0 align="center" border="1">
<tr>
<td>Пример</td>
<td>Пример</td>
<td>Пример</td>
</tr>

</table>
като тази таблица е за средата можеш да направиш 3 една за ляво дясно и центъра, само променяш тук <table rules=0 align="center" border="1"> center --->left, right

Дано си ме разбрал :)
Увеличете...

Схванах както искаш да кажеш :) Благодаря +1 от мене всичко стана. Само не разбрах какъв е смисъла от това rules="0" ? Били ми казал ? :oops:
 
Възниканха още въпросчета. Някой може ли да каже как се оправа под IE това да работи. Пример ето това ми е css-a
Код: 
.header {
position:absolute;
top: 0px;
left: 0px;
width: 930px;
height: 230px;
background-image: url('header.jpg');
}
ето и код ана табличката
Код: 
<table class="header" align="center" border="0">
<tr>
</tr>
</table>

всичко под FF e 6 но под IE нищо не се вижда... защо ? Някъде греша ли че е така. Благодаря
 
Значи ако примерно картинката ти е 400x123 px. в css'a добавяш размерите на див'а или таблицата.
width:400px;
height:123px;
 
Такам... това съм го направил и взеха че се поевиха картинките, но под IE все още не ще да ги централизира ?!?! Някакви идеи да има някои ?
 
Вкарай цялото боди в една таблица...И и дай
<table align="center" valign="middle">
Цялото боди
</table>
 
BaHKaTa каза:
Вкарай цялото боди в една таблица...И и дай
<table align="center" valign="middle">
Цялото боди
</table>
Увеличете...

ок Благодаря, но по този начин кода валиден ли е ? Или това не влияе по никакъв начин


EDIT: хммм Тоя IE си знае неговото. Не ще да центрира и това си е :(
 
Важното е да действа...пък и що да не е валиден...
 
BaHKaTa каза:
Важното е да действа...пък и що да не е валиден...
Увеличете...
Еми нали структурата на html е
<html>
<head>
</head>
<body>
code
</body>
</html>

P.s Все още IE не ще да центрира таблиците :x
 
BaHKaTa каза:
Я дай кода.
Увеличете...
Код: 
<html>
<head>
<style type="text/css">
body{
background-color: black;
}
.header {
position:absolute;
top: 0px;
left: 0px;
width: 930px;
height: 230px;
background-image: url('header.jpg');
}
.menuborder {
position:absolute;
top:230px;
left:0px;
width:930px;
height:28px;
border-right:1px solid #666666;
border-left:1px solid #666666;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
</style>
</head>
<body>
<table class="header" align="center" border="0">
<tr>
<td>
</td>
</tr>
</table>
<table class="menuborder" align="center" border="0">
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>
 
Код: 
<html> 
<head> 
<style type="text/css"> 
body{ 
background-color: black; 
} 
.header { 
position:absolute; 
top: 0px; 
left: 0px; 
width: 930px; 
height: 230px; 
background-image: url('header.jpg'); 
} 
.menuborder { 
position:absolute; 
top:230px; 
left:0px; 
width:930px; 
height:28px; 
border-right:1px solid #666666; 
border-left:1px solid #666666; 
border-top:1px solid #666666; 
border-bottom:1px solid #666666; 
</style> 
</head> 
<body> 
<table align="center" valign="middle">
<table class="header" align="center" border="0"> 
<tr> 
<td> 
</td> 
</tr> 
</table> 
<table class="menuborder" align="center" border="0"> 
<tr> 
<td> 
</td> 
</tr> 
</table>
</table>
</body> 
</html>
пробвай така.
 
ужас... възможно ли е браузъра ми да е бъгав ?!?! Що за нещо е това пак си седи в ляво на страницата...
 
Код: 
 <html> 
<head> 
<style type="text/css"> 
body{ 
background-color: black; 
} 
.header {  
width: 930px; 
height: 230px; 
background-image: url('header.jpg'); 
} 
.menuborder { 
width:930px; 
height:28px; 
border-right:1px solid #666666; 
border-left:1px solid #666666; 
border-top:1px solid #666666; 
border-bottom:1px solid #666666; 
</style> 
</head> 
<body> 
<table align="center" valign="middle"> 
<table class="header" align="center" border="0"> 
<tr> 
<td> 
</td> 
</tr> 
</table> 
<table class="menuborder" align="center" border="0"> 
<tr> 
<td> 
</td> 
</tr> 
</table> 
</table> 
</body> 
</html>
я пробвай така.
 
WooW взе че стана :) Много благодаря :) Но има малак проблем който ще видя как да го оправя. Най от горе остава малко пространство и след това почва логото. Пък то треа да е най от горе. Бях го настройл с absolute и top:0px но явно за да се вижда добре под IE тях трябва да ги има.

P.S
ПФфффф защо всички браузари не минат под един стандарт за четене на CSS........ просто нямам думи. Напълно се отвратих от тоя IE
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе