Спустя 1 час, 11 минут, 29 секунд (14.06.2010 - 15:54) Rand написал(а):
Пропиши в стилях
html,body {min-width:1000px;}
Спустя 7 минут, 2 секунды (14.06.2010 - 16:01) Basili4 написал(а):
такой же результат
Спустя 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 написал(а):
У тебя не правильные браузеры Не знаю тогда, там проблема в том, что на резиновом 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
вот 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 и приемлимо, но как по мне стили тегов по умолчанию стоит трогать лиш в случаях когда данные теги имеют разные свойства в разных браузерах и это бросается в глаза.
именно. незнаю может пихать стили в body и приемлимо, но как по мне стили тегов по умолчанию стоит трогать лиш в случаях когда данные теги имеют разные свойства в разных браузерах и это бросается в глаза.
Спустя 6 минут, 56 секунд (14.06.2010 - 17:43) Rand написал(а):
Cпециально поставил оперу, с тем CSS что ты привел, всё отображает нормально. В ФФ тоже. Для того чтобы нормально отображалось в IE добавил html{min-width:1000px;}
CSS:
Mozilla Firefox 3.6.3
Opera 10.53 (сборка 3374)
Internet Explorer 8.0.7600.16385
Полет нормальный.... Не знаю в чем у тебя проблема.
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 написал(а):
трамонтана
Спасибо уже вчера подсказали. Я долго гнал открыл копию файла со стилями правил там а страница использовала фдругой файл
Спасибо уже вчера подсказали. Я долго гнал открыл копию файла со стилями правил там а страница использовала фдругой файл
_____________