Помощник
|
в ie 6 проблема |
artylion
|
Сообщение
#1
|
||
|
|
||
|
|||
aseran |
22.4.2010, 14:33;
Ответить: aseran
Сообщение
#2
|
|
Чтобы решить данный поставленный вопрос
необходимо сделать еще одну обертку для всей страницы затем для нее прописать стиль #wrapper-in {zoom:1} + чуток подправить width:expression(document.body.clientWidth < 601? "600px" : document.body.clientWidth > 800? "800px" : "auto");} вместо 600 поставить 601 - иначе IE6 зависает при окне браузера менее 600 <div id="wrapper"> <div id="wrapper-in"> <div id="header"></div> <div id="container"> <div id="content"></div> </div> <div id="left-column"><p>Привет!</p></div> <div id="footer"></div> </div> </div> </body> </html> |
|
|
andxl |
13.5.2010, 5:42;
Ответить: andxl
Сообщение
#3
|
|
Сделал все так же как и описано, но в область content добавил большую табличку. В результате, в нормальных браузерах все отрабатывается отлично в IE6 левая колонка "плывет" (в право) при уменьшении размеров окна.
Вот мой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Бьюсь уже над этой проблемой пару дней. Уже начал склонятся к табличной верстке... Помогите, не поддатся искушению!:)<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Верстка сайта</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="description" content="описание" /> <meta name="keywords" content="ключевые слова" /> <style type="text/css"> * { margin: 0; padding: 0;} body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif;} img {border: none;} #wrapper {margin: 0 auto; min-width: 600px; width:expression(document.body.clientWidth < 601? "600px" : "auto");} #wrapper-in {zoom:1;} #header {height: 150px; background: #ffe680;} #container {float: left; width: 100%;} #content {height: 400px; background: #0cf; margin-left: 200px;} #left-column {width: 200px; height: 300px; background: #3c0; float: left; margin-left: -100%;} #footer {height: 50px; background:#f33; clear: both;} </style> </head> <body> <div id="wrapper"> <div id="wrapper-in"> <div id="header"></div> <div id="container"> <div id="content"> test test test test test test test test test test test test<br/> <table border="1"><tr><td>test1</td><td>test2</td><td>test3</td><td>test4</td><td>test5</td><td>test6</td><td>test7</td><td>test8</td><td>test9</td><td>test10</td><td>test11</td><td>test12</td><td>test13</td><td>test14</td><td>test15</td><td>test16</td><td>test17</td><td>test18</td><td>test19</td><td>test20</td><td>test21</td><td>test22</td><td>test23</td></tr></table> </div> </div> <div id="left-column"><p>Привет!</p></div> <div id="footer"></div> </div> </div> </body> </html> Как всетаки можно решить данную проблему? |
|
|
jahggler |
14.5.2010, 3:17;
Ответить: jahggler
Сообщение
#4
|
|
а если так? у меня ИЕ6 нету, поэтому приходится угадывать)
[PHP]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Верстка сайта</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="description" content="описание" /> <meta name="keywords" content="ключевые слова" /> <style type="text/css"> * { margin: 0; padding: 0;} body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif;} img {border: none;} #wrapper {margin: 0 auto; min-width: 600px; max-width: 800px; width:expression(document.body.clientWidth < 601? "600px" : document.body.clientWidth > 800? "800px" : "auto");} #header {height: 150px; background: #ffe680;} #container {float: left; width: 100%;} #content {height: 400px; background: #0cf; margin-left: 200px;} #left-column {width: 200px; height: 300px; background: #3c0; float: left; } #footer {height: 50px; background:#f33; clear: both;} </style> </head> <body> <div id="wrapper"> <div id="header"></div> <div id="container"> <div id="left-column"><p>Привет!</p></div> <div id="content"></div> </div> <div id="footer"></div> </div> </body> </html>[/PHP] |
|
|
andxl |
14.5.2010, 4:03;
Ответить: andxl
Сообщение
#5
|
|
|
а если так? К сожалению, не помогло. Шаблон страницы - резиновый, на всю ширину экрана, левая колонка фиксированной ширины. В своем коде я специально вставил длинную "табличку", для того чтобы показать как собственно слетают div-ы в IE6.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Проблема с админкой | 5 | Prok | 2308 | 29.7.2019, 20:04 автор: dvakarandasha |
|
Проблема с таблицей, которая выводится через скрипт | 7 | vanchester | 1334 | 15.2.2019, 19:06 автор: Artos_mw |
|
Проблема в тегах при сохранении контента | 1 | Kord18 | 1397 | 13.3.2018, 18:19 автор: Evgeniy3200 |
|
Проблема вёрстки адаптивной страницы на divах | 28 | master-vek | 4711 | 8.2.2018, 19:29 автор: master-vek |
|
Проблема с All in one SEO? | 17 | okseo | 2679 | 30.11.2017, 14:06 автор: okseo |
Текстовая версия | Сейчас: 19.3.2024, 17:42 |