[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Расползается страница
Basili4
Есть строница http://www.mircom.ru/Test/ вот при изменении размера страницы фон съежает причем не вовосем диве а только в части его немогу разобратся почему




Спустя 1 час, 11 минут, 29 секунд (14.06.2010 - 15:54) Rand написал(а):
Пропиши в стилях
html,body {min-width:1000px;}

Спустя 7 минут, 2 секунды (14.06.2010 - 16:01) Basili4 написал(а):
такой же результат sad.gif

Спустя 12 минут, 1 секунда (14.06.2010 - 16:13) Rand написал(а):
А какой браузер? У меня html,body {min-width:1000px;} фиксит проблему в Firefox 3.6.3 и в IE8

Спустя 3 минуты, 50 секунд (14.06.2010 - 16:16) Basili4 написал(а):
Опера
щас на ФФ попробую

Спустя 2 минуты, 42 секунды (14.06.2010 - 16:19) Rand написал(а):
Тогда добавь body{width:1000px;}

Спустя 4 минуты, 36 секунд (14.06.2010 - 16:24) Rand написал(а):
Хотя нет, тогда не по центру будет

Спустя 3 минуты, 21 секунда (14.06.2010 - 16:27) Basili4 написал(а):
Нет и ФФ тоже корявит

Спустя 12 минут, 2 секунды (14.06.2010 - 16:39) Rand написал(а):
У тебя не правильные браузеры biggrin.gif Не знаю тогда, там проблема в том, что на резиновом body фоновая картинка стоит, которая находится всегда по центру. А у других дивов стоит фиксированная ширина 1000px. То есть расползаются не сами дивы, а сжимается фоновая картинка body (своеобразное кадрирование). Когда ширина становится меньше 1000px, появляется несоответствие с другими дивами.

Спустя 19 минут, 4 секунды (14.06.2010 - 16:58) Basili4 написал(а):
тоесть всем дивам поставить ширину 1000px так ?

Спустя 1 минута, 39 секунд (14.06.2010 - 17:00) Gabriel написал(а):
это, что получается? не резиновая резина? либо полностью резину делать либо железный каркас. и никаких проблем.

Спустя 8 минут, 23 секунды (14.06.2010 - 17:08) Basili4 написал(а):
Я чтото не пойму все указнное в пикселях

вот CSS


html {background:#53533a;}
body {min-width:1000px; margin:0; font-size:14px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(images/body_bckg.jpg) repeat-y center;}
.brown {color:#936307;}
a {color:#936307; text-decoration:none;}
a:hover {color:#666666;}
blockquote {color:#666666; border-left:2px solid #936307; padding-left:20px; margin:10px 0 10px 40px;}

#all {background:url(images/container_bckg.jpg) no-repeat top center;}
#container {width:1000px; margin:0 auto; background:url(images/container_bckg.jpg) no-repeat top center;}

#logo {height:50px; margin:0 60px; padding:80px 0 0 85px; background:url(images/logo.gif) no-repeat 32px 70px;}
#logo a {text-decoration:none; font-size:20px; color:#000000; font-family:"Times New Roman", Times, serif; text-transform:capitalize;}
#menu {height:40px; margin:0 60px;}
#menu ul {margin:0; padding:0;}
#menu ul li {display:inline-block; float:left; list-style:none; text-align:center; color:#936307;}
#menu a {padding:0 20px; font-family:"Times New Roman", Times, serif; font-size:20px; text-transform:lowercase; text-decoration:none; color:#936307;}
#menu a:hover {color:#666666;}

#main {background:url(images/main_bottom.jpg) bottom center no-repeat; float:left; margin:0 60px;}
#text {margin:0 270px 0 20px;}
#text ul {padding:0; margin:10px 0 10px 40px;}
#text li {list-style:none; padding-left:20px; background:url(images/li.gif) no-repeat 0 7px;}
#text p {margin:10px 0;}
#sidebar {float:right; width:180px; padding:0 40px 0 10px;}
h1, h2 {font-family:"Times New Roman", Times, serif; margin:20px 0 0 0; font-size:1.8em;}

#footer {height:130px; clear:both; background:url(images/footer_bckg.jpg) no-repeat center #53533B; font-family:"Times New Roman", Times, serif; color:#666666; font-size:10px; text-transform:uppercase; padding:0 60px;}
#left_footer {float:left; padding:30px 0 0 20px;}
#right_footer {float:right; padding:30px 20px 0 0;}



Спустя 4 минуты, 23 секунды (14.06.2010 - 17:13) Gabriel написал(а):
Цитата
body {min-width:1000px; margin:0; font-size:14px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(images/body_bckg.jpg) repeat-y center;}

а ежели попробовать оставить туловище в покое и вставить один див?

Спустя 3 минуты, 13 секунд (14.06.2010 - 17:16) Basili4 написал(а):
Цитата (Gabriel @ 14.06.2010 - 18:13)
а ежели попробовать оставить туловище в покое и вставить один див?

Я что о смысл фразы не уловил те.е место body правило указать для дива так ?

Спустя 3 минуты, 47 секунд (14.06.2010 - 17:20) Rand написал(а):
Цитата (Basili4 @ 14.06.2010 - 19:58)
тоесть всем дивам поставить ширину 1000px так ?

Нет, в идеале было бы html,body {min-width:1000px;} - то есть, чтобы тело с фоном не сжималось меньше чем размер других дивов, но у тебя почему-то не работает.

Спустя 16 минут, 12 секунд (14.06.2010 - 17:36) Gabriel написал(а):
Basili4
именно. незнаю может пихать стили в body и приемлимо, но как по мне стили тегов по умолчанию стоит трогать лиш в случаях когда данные теги имеют разные свойства в разных браузерах и это бросается в глаза.

Спустя 6 минут, 56 секунд (14.06.2010 - 17:43) Rand написал(а):
Cпециально поставил оперу, с тем CSS что ты привел, всё отображает нормально. В ФФ тоже. Для того чтобы нормально отображалось в IE добавил html{min-width:1000px;}

CSS:
html,body {min-width:1000px;}
html {background:#53533a;}
body {margin:0; font-size:14px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(images/body_bckg.jpg) repeat-y center;}
.brown {color:#936307;}
a {color:#936307; text-decoration:none;}
a:hover {color:#666666;}
blockquote {color:#666666; border-left:2px solid #936307; padding-left:20px; margin:10px 0 10px 40px;}

#all {background:url(images/container_bckg.jpg) no-repeat top center;}
#container {width:1000px; margin:0 auto; background:url(images/container_bckg.jpg) no-repeat top center;}

#logo {height:50px; margin:0 60px; padding:80px 0 0 85px; background:url(images/logo.gif) no-repeat 32px 70px;}
#logo a {text-decoration:none; font-size:20px; color:#000000; font-family:"Times New Roman", Times, serif; text-transform:capitalize;}
#menu {height:40px; margin:0 60px;}
#menu ul {margin:0; padding:0;}
#menu ul li {display:inline-block; float:left; list-style:none; text-align:center; color:#936307;}
#menu a {padding:0 20px; font-family:"Times New Roman", Times, serif; font-size:20px; text-transform:lowercase; text-decoration:none; color:#936307;}
#menu a:hover {color:#666666;}

#main {background:url(images/main_bottom.jpg) bottom center no-repeat; float:left; margin:0 60px;}
#text {margin:0 270px 0 20px;}
#text ul {padding:0; margin:10px 0 10px 40px;}
#text li {list-style:none; padding-left:20px; background:url(images/li.gif) no-repeat 0 7px;}
#text p {margin:10px 0;}
#sidebar {float:right; width:180px; padding:0 40px 0 10px;}
h1, h2 {font-family:"Times New Roman", Times, serif; margin:20px 0 0 0; font-size:1.8em;}

#footer {height:130px; clear:both; background:url(images/footer_bckg.jpg) no-repeat center #53533B; font-family:"Times New Roman", Times, serif; color:#666666; font-size:10px; text-transform:uppercase; padding:0 60px;}
#left_footer {float:left; padding:30px 0 0 20px;}
#right_footer {float:right; padding:30px 20px 0 0;}
Браузеры:
Mozilla Firefox 3.6.3
Opera 10.53 (сборка 3374)
Internet Explorer 8.0.7600.16385

Полет нормальный.... Не знаю в чем у тебя проблема.

Спустя 15 часов, 53 минуты, 3 секунды (15.06.2010 - 09:36) трамонтана написал(а):
так, ну а если попробовать следующее:
#main{margin:0; padding:0 60px; background:transparent url(images/main_bottom.jpg) repeat scroll center bottom}


Спустя 11 минут, 16 секунд (15.06.2010 - 09:47) Basili4 написал(а):
трамонтана
Спасибо уже вчера подсказали. Я долго гнал открыл копию файла со стилями правил там а страница использовала фдругой файл


_____________
Цитата
От постоянного сидения рядом с клавиатурой начинает болеть спина.


Делаю сайты, пишу скрипты php, js.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.