веб-мастеру Услуги SEO Статьи Веб-Мастера Доменные имена SEO Tools whois книги веб-мастеру

IPB

Здравствуйте, гость ( Вход | Регистрация )



 
Ответить в эту темуОткрыть новую тему
> Шапка сайта ездиет по сторонам, Нужна помощь продвинутых
WOLF
сообщение 22.2.2011, 14:46
Сообщение #1


Прохожий
*

Группа: Пользователи
Сообщений: 1
Регистрация: 22.2.2011
Пользователь №: 4 460



Добрый день , Я делю сайт на Ucoz - зе . на моём сайте шапка не растягивается и не сжимаетется как средняя и нижняя часть когда я меняю проценты в браузере.На маленьких мониторах она видна только на половину . На моём ноутбуке при 100% она стоит точно по центру но стоит только проценты делать меньше она начинает ехать в сторону,

Вот код HTML (Верхняя часть сайта)

<DIV id=h1><SPAN style="WIDTH: 1305px; FLOAT: left; HEIGHT: 15px">
<DIV>$WDAY$, $DATE$, $TIME$<SPAN style="FLOAT: right"><A href="http://barmenscity.3dn.ru/news/">Главная </A><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>| <A title="Мой профиль" href="http://barmenscity.3dn.ru/$PERSONAL_PAGE_LINK$">Мой профиль</A><?else?> | <A title=Регистрация href="http://barmenscity.3dn.ru/$REGISTER_LINK$">Регистрация</A><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>| <A title=Выход href="http://barmenscity.3dn.ru/$LOGOUT_LINK$">Выход</A><?else?> | <A title=Вход href="http://barmenscity.3dn.ru/$LOGIN_LINK$">Вход</A><?endif?><?endif?></SPAN><BR><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>Вы вошли как <A title="Мой профиль" href="$PERSONAL_PAGE_LINK$"><B>$USERNAME$</B></A> | Группа "<SPAN style="TEXT-DECORATION: underline">$USER_GROUP$</SPAN>"<?else?>Приветствую Вас <B>$USERNAME$</B><?endif?><?endif?> <?if($RSS_LINK$)?>| <A title=RSS href="$RSS_LINK$">RSS</A></DIV>
<DIV>
<DIV><br></DIV></DIV>
<DIV><IMG alt=""src="http://barmenscity.3dn.ru/SITE_LOGO/Logo.png"></DIV><?endif?></SPAN></DIV>
<P align=left><TR><TD>$SMENU_2$</TD></TR></P>

Вот код CSS

div#h3 {height:245px;background:url('http://barmenscity.3dn.ru/SITE_LOGO/Logo.png') no-repeat #000000;padding-center:100px;}
div#h4 {height:77px;width:500px;float:right;background:url('----') no-repeat;}
div#h3 p {position:relative;top:20%;margin:0;padding:5px 5px 5px 70px;font-size:20pt;color:#000000;}
div#h5 {height:40px;background:url('-------') no-repeat;padding-:right;10px;}
div#h6 {height:40px;width:300px;float:right;background:url('-----') no-repeat;}
div#h5 p {margin:0px;padding:5px;font-size:7pt;text-align:ceter;}
.boxTable {width:200px;background:url('http://barmenscity.3dn.ru/Bloki/3.png') repeat-y;}
.boxTitle {background:url('http://barmenscity.3dn.ru/Bloki/1.png') no-repeat;padding:10px;text-align:right;color:#009999;margin:0;font-size:10pt;font-weight:bold;}
.boxContent {padding:5px 5px 10px 5px;background:url('http://barmenscity.3dn.ru/Bloki/2.png') bottom no-repeat;}
.calTable {margin-left:auto;margin-right:auto;}
div#footer {background:#1B1B1B;border:1px solid #353535;padding:10px;text-align:center;margin-top:5px;}
div#poweredBy {padding:10px;text-align:center;}

a:link {text-decoration:underline; color:#CCCCCC;}
a:active {text-decoration:underline; color:#CCCCCC;}
a:visited {text-decoration:underline; color:#CCCCCC;}
a:hover {text-decoration:none; color:#FFFFFF;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt; color:#9F9F9F}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

a.noun:link {text-decoration:none; color:#CCCCCC}
a.noun:active {text-decoration:none; color:#CCCCCC}
a.noun:visited {text-decoration:none; color:#CCCCCC}
a.noun:hover {text-decoration:none; color:#FFFFFF}
.mframe1 {padding:2 10 30 10px;}
hr {color:#464646;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#FFFFFF;font-size:13px;font-weight:bold; padding-left:22px; background: url('/.s/t/927/10.gif') no-repeat 5px 2px;}

.menut0 {}
.menut {padding:2 3 3 15px;}
.mframe {padding:2 0 30 30px;}
.bannerTable {width:468;height:60;}

.menu1 {font-weight:bold;font-size:8pt;font-family:Arial,Sans-Serif;}
a.menu1:link {text-decoration:underline; color:#CCCCCC}
a.menu1:active {text-decoration:underline; color:#CCCCCC}
a.menu1:visited {text-decoration:underline; color:#CCCCCC}
a.menu1:hover {text-decoration:none; color:#FFFFFF}
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Perl
сообщение 3.3.2011, 5:21
Сообщение #2


Новичок
**

Группа: Пользователи
Сообщений: 9
Регистрация: 3.3.2011
Пользователь №: 4 510



Цитата(WOLF @ 22.2.2011, 14:46) *

Добрый день , Я делю сайт на Ucoz - зе . на моём сайте шапка не растягивается и не сжимаетется как средняя и нижняя часть когда я меняю проценты в браузере.На маленьких мониторах она видна только на половину . На моём ноутбуке при 100% она стоит точно по центру но стоит только проценты делать меньше она начинает ехать в сторону,

Вот код HTML (Верхняя часть сайта)

<DIV id=h1><SPAN style="WIDTH: 1305px; FLOAT: left; HEIGHT: 15px">
<DIV>$WDAY$, $DATE$, $TIME$<SPAN style="FLOAT: right"><A href="http://barmenscity.3dn.ru/news/">Главная </A><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>| <A title="Мой профиль" href="http://barmenscity.3dn.ru/$PERSONAL_PAGE_LINK$">Мой профиль</A><?else?> | <A title=Регистрация href="http://barmenscity.3dn.ru/$REGISTER_LINK$">Регистрация</A><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>| <A title=Выход href="http://barmenscity.3dn.ru/$LOGOUT_LINK$">Выход</A><?else?> | <A title=Вход href="http://barmenscity.3dn.ru/$LOGIN_LINK$">Вход</A><?endif?><?endif?></SPAN><BR><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>Вы вошли как <A title="Мой профиль" href="$PERSONAL_PAGE_LINK$"><B>$USERNAME$</B></A> | Группа "<SPAN style="TEXT-DECORATION: underline">$USER_GROUP$</SPAN>"<?else?>Приветствую Вас <B>$USERNAME$</B><?endif?><?endif?> <?if($RSS_LINK$)?>| <A title=RSS href="$RSS_LINK$">RSS</A></DIV>
<DIV>
<DIV><br></DIV></DIV>
<DIV><IMG alt=""src="http://barmenscity.3dn.ru/SITE_LOGO/Logo.png"></DIV><?endif?></SPAN></DIV>
<P align=left><TR><TD>$SMENU_2$</TD></TR></P>

Вот код CSS

div#h3 {height:245px;background:url('http://barmenscity.3dn.ru/SITE_LOGO/Logo.png') no-repeat #000000;padding-center:100px;}
div#h4 {height:77px;width:500px;float:right;background:url('----') no-repeat;}
div#h3 p {position:relative;top:20%;margin:0;padding:5px 5px 5px 70px;font-size:20pt;color:#000000;}
div#h5 {height:40px;background:url('-------') no-repeat;padding-:right;10px;}
div#h6 {height:40px;width:300px;float:right;background:url('-----') no-repeat;}
div#h5 p {margin:0px;padding:5px;font-size:7pt;text-align:ceter;}
.boxTable {width:200px;background:url('http://barmenscity.3dn.ru/Bloki/3.png') repeat-y;}
.boxTitle {background:url('http://barmenscity.3dn.ru/Bloki/1.png') no-repeat;padding:10px;text-align:right;color:#009999;margin:0;font-size:10pt;font-weight:bold;}
.boxContent {padding:5px 5px 10px 5px;background:url('http://barmenscity.3dn.ru/Bloki/2.png') bottom no-repeat;}
.calTable {margin-left:auto;margin-right:auto;}
div#footer {background:#1B1B1B;border:1px solid #353535;padding:10px;text-align:center;margin-top:5px;}
div#poweredBy {padding:10px;text-align:center;}

a:link {text-decoration:underline; color:#CCCCCC;}
a:active {text-decoration:underline; color:#CCCCCC;}
a:visited {text-decoration:underline; color:#CCCCCC;}
a:hover {text-decoration:none; color:#FFFFFF;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt; color:#9F9F9F}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

a.noun:link {text-decoration:none; color:#CCCCCC}
a.noun:active {text-decoration:none; color:#CCCCCC}
a.noun:visited {text-decoration:none; color:#CCCCCC}
a.noun:hover {text-decoration:none; color:#FFFFFF}
.mframe1 {padding:2 10 30 10px;}
hr {color:#464646;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#FFFFFF;font-size:13px;font-weight:bold; padding-left:22px; background: url('/.s/t/927/10.gif') no-repeat 5px 2px;}

.menut0 {}
.menut {padding:2 3 3 15px;}
.mframe {padding:2 0 30 30px;}
.bannerTable {width:468;height:60;}

.menu1 {font-weight:bold;font-size:8pt;font-family:Arial,Sans-Serif;}
a.menu1:link {text-decoration:underline; color:#CCCCCC}
a.menu1:active {text-decoration:underline; color:#CCCCCC}
a.menu1:visited {text-decoration:underline; color:#CCCCCC}
a.menu1:hover {text-decoration:none; color:#FFFFFF}

А можно пожалуйста ссылку на сайт посмотреть и протестировать хочу
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Perl
сообщение 3.3.2011, 5:34
Сообщение #3


Новичок
**

Группа: Пользователи
Сообщений: 9
Регистрация: 3.3.2011
Пользователь №: 4 510



Цитата(Perl @ 3.3.2011, 5:21) *

А можно пожалуйста ссылку на сайт посмотреть и протестировать хочу

Покопался в коде нашел ссылку на ваш сайт.
Можете попробовать задать min-width:1024px; в CSS для :
<img id="mylogo" src="http://barmenscity.3dn.ru/SITE_LOGO/Logo.png">
Например:
#mylogo{
min-width:1024px;
width:100%;
}
Отпишитесь если не поможет.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

Быстрый ответОтветить в эту темуОткрыть новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия Сейчас: 18.5.2012, 5:32
^ ВВЕРХ ^

Посетите наши проекты:
Плотничные  работы на строительстве
----
получить домен ru