[squard]

Мне нужно сверстать шапку. Ее размер 1024px
Мне показалось этого мало, и по моей просьбе дизайнер сделал ее 1500 добавив незначительные детали. Таким образом я стал иметь 1024 полезной инфы и и 476 не особо важной...
Мне нужно сверстать шапку таким образом: возьмем к примеру минимальную ширину браузера 1024px.
Распилем шапку на три части... 238 1024 238
Надо сверстать DIVами чтобы центральная часть была фиксированной ширины, по центру. а левая и правая часть расширялись в зависимости от разрешения экрана.
Это делается до безобразия просто на таблице
Код

<table width="100%">
<tr height="500">
<td>&nbsp;</td>
<td width="1024px">&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

[vladendark]

Зачем вам такой гемморой?
во-первых, на экране с разрешением 1024px при ширине шапки 1024px у вас появится горизонтальный скрол. 1010px(если не ошибаюсь) максимум а еще лучше 1000
Далее, разрезав шапку на 3 части вы только ухудшите положение вещей - общий вес картинки останется неизменным а количество запросов к серверу увеличится.

мб лучше поступить так:

<div id="header">
   <div class="logo"></div>
   <div class="search"></div>
   ....
   <div class="enyfign_else"></div>
</div>

#header{
background: url(/img/your_pict.jpg) top center no-repeat;
min-width:1000px;
max-width:1500px
}

[Mizantrop]

Народ может кто пояснить, делаю сайт в блочной верстке, при уменьшении страницы все блоки сьзжают, фоновое изоброжение сделал по центру, как сделать так чтоб блоки оставались на фоне

[vladendark]

Народ может кто пояснить, делаю сайт в блочной верстке, при уменьшении страницы все блоки сьзжают, фоновое изоброжение сделал по центру, как сделать так чтоб блоки оставались на фоне

код в студию. но вообще я уверен, что блоки у вас не спозиционированы

[Mizantrop]

@font-face {
font-family: Neuropol;
src:url(../font/6875.ttf);
}
body{

height:100%;
background-image:url('../True Images/Background.jpg');
background-color:#000;
background-repeat:no-repeat;
background-position: top;
margin:0px;

}
P.block{
position: absolute;
display: block;
background-repeat: no-repeat;
background-image:url('../True Images/General_block.png');
background-position:center;
width: 796px;
height: 1330px;
margin-left:550px;
}


table.central{
position: inherit;
display:block;
height: 270px;
width: 442px;
margin-top:10px;
margin-left:400px;
text-align:left;
font-family:Neuropol;

}
div.central{
position:absolute;
display:block;
color: #0067E6;
background-image: url('../True Images/Central_block.png');
background-repeat:no-repeat;
width: 576px;
height: 630px;
left: 650px;
top: 465px;
}

div.button{
display:block;
width: 66px;
height: 21px;
left: 470px;
top: 568px;
}

h1.central_panel{
display:block;
margin-top:2px;
margin-left:2px;
font-family:Neuropol;
color:white;
text-align:center;
background-repeat:no-repeat;
background-image:url('../True Images/Head_for_central_block.png');
height: 45px;
}

table.panel{
position:absolute;
display:block;
border:none;
width: 795px;
height: 113px;
font-family:Neuropol;
background-image:url('../True Images/Panel.png');
background-repeat:no-repeat;
text-align: center;
margin-top:100px;
margin-left:550px;
top: 134px;
}
td {
color: #0067E6;
}
ul{ list-style:none;
}

a{
color:#0067E6;
text-decoration:none;
}
a:hover{
text-decoration:none;
color: #FFFFFF;
}
div.log{
display:block;
color:#FFFFFF;
left: 1168px;
top: 20px;
font-family:Neuropol;
width: 270px;
}
div.serth{
display:block;
color:#FFFFFF;
top: 17px;
padding-top:3px;
padding-left:3px;
font-family:Neuropol;
height:31px;
background-repeat:no-repeat;
background-image:url(../Images/Search.png);
width: 344px;
left: 438px;
}
div.searth_form
{
display:block;
width:234px;
left: 84px;
height: 19px;
top: 5px;
}

div.pass{
display:block;
left: 850px;
color:#FFFFFF;
top: 20px;
float:left;
font-family:Neuropol;
height: 27px;
width: 275px;
}
a.reg{
left: 1053px;
top: 24px;
font-family:Neuropol;
width: 93px;
height: 31px;
}

[vladendark]

отлично, а теперь еще и html-код страницы..
Что-ж из вас все клещами тянуть-то надо

Добавлено через 1 минуту

background-image:url('../True Images/Background.jpg');
background-color:#000;
background-repeat:no-repeat;
background-position: top;

привыкайте писать так: background:#000 url(../True Images/Background.jpg') 0 0 no-repeat

судя по-тому, что для какого-то центрального блока указано

div.central{
position:absolute;

он отступает от края монитора на указанные значения и соответственно на разных мониторах смотрится по-разному.. но это домыслы давайте html

зы

@font-face {
font-family: Neuropol;
src:url(../font/6875.ttf);
}

ой зря вы так... далеко не все браузеры эту запись поймут

True Images - не рискуйте. называйте папки без пробелов и заглавных букв

Добавлено через 12 минут

+ ко всему много косяков в css. При желании - укажу на них

[Mizantrop]

vladendark давай те в асе встретимся, и там вы мне все обьясните а то тут я шас просто загажу все ксс-ом и хтмл разметкой
P.S:636665272 очень вас прошу добавиться и помочь мне в моем горе

[vladendark]

Ок, вечером стукнусь.
но вы все-же код покажите людям - мол ли у кого похожая проблема случится