my-name-is-Max
Newbie-
Posts
13 -
Joined
-
Last visited
my-name-is-Max's Achievements
Explorer (1/14)
0
Reputation
-
Я так и делаю (учился у хорошего верстальщика). Сначала пишу нормальный, чистый XHTML-код, затем ставлю ?костыли? под IE6. Ну а вопрос, все же, остается в силе.
-
В FF все исправил. Сайт еще в разработке. Спасибо, Dimitry, за предупреждение. В FF я почему-то всегда в последнюю очередь проверяю.
-
Вот сайт: http://expert-service.cm.htc-cs.com/ Проблема в следующем: в IE6 исчезает бордер у блоков в левой колонке (внизу, серая полоса перед градиентом). С наличием/отсутствием ссылки это никак не связано, поскольку в других браузерах все нормально. Главное, посмотрите: если сжать окно браузера по вертикали (пикселов до 200-т), и покрутить полосу прокрутки, они появятся. Кто-нибудь сталкивался с такой проблемой? Пожалуйста, поделитесь опытом. Буду очень благодарен. P.S. По верстке замечения давайте, но пожалуйста, не ругайтесь. Занимаюсь версткой третий месяц.
-
ZooY, спасибо. Проблема решена: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> ... </head> <style type="text/css"> #wrapper { margin-left: 2%; } #left { float: left; width: 31%; } </style> <body> <div id="wrapper"> <div id="left"> ...content... </div> </div> </body> </html>
-
display: inline не помогает. Да, кстати, отступ в IE ровно в 2 раза больше, чем в других браузерах. Поэтому временный вариант я выбрал такой: *html #left { margin-left: 1%; } Но это вариант ? кривой (чтобы успокоить дизайнера ), на самом деле хотелось бы найти нормальное решение.
-
Всем привет! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> ... </head> <style type="text/css"> #left { float: left; width: 31%; margin-left: 2%; } </style> <body> <div id="left"> ...content... </div> </body> </html> Отступ в IE 5.5/6.0 от левого края в 2-3 раза больше, чем в остальных браузерах (включая IE 7/8). При отключении опции ?float: left? отсуп становится нормальным, но мне эта опция необходима (верстка трехколоночная, следующий div располагается следом за этим). Заранее спасибо за помощь.
-
Всем привет! При изменении размеров окна браузера куда-то исчезает большинство div'ов, вместо них отображается фон. После нажатия F5 вид, как правило, восстанавливается. Скриптов в коде нет (пока). Это касается только IE6. Кто-нибудь сталкивался с такой проблемой? Верстка исключительно блочная, 100% валидная (Ctrl+Alt+V в Opera). Заранее спасибо за помощь.
-
Код: <style> #left { float: left; width: 300px; height: 512px; background: transparent url('images/ear.png') no-repeat left top; } #right { margin-left: 300px; height: 512px; background: #FFFFFF; } </style> <div> </div id="left"> </div> <div id="right"> </div> </div> Суть проблемы: в IE6 между этими двумя div'ами идет распорка в 2-3 пиксела. Уже не в первый раз с этой проблемой встречаюсь, не могу понять, в чем дело. Параметры border, padding, margin у всех div'ов проставлены в 0. Хотелось бы понять, в чем ошибка, а не применять кривые методы исправления. Заранее спасибо за ответ.
-
Блочная верстка в 3 колонки с опциями.
my-name-is-Max replied to my-name-is-Max's question in HTML Coding
470-207-799 -
Блочная верстка в 3 колонки с опциями.
my-name-is-Max replied to my-name-is-Max's question in HTML Coding
Окай, спасибо за помощь ;-) -
Блочная верстка в 3 колонки с опциями.
my-name-is-Max replied to my-name-is-Max's question in HTML Coding
По горизонтали они расположены как надо. А "left" и "right" находятся ниже "center". Хотя это уже лучше, чем было. ;-) -
Блочная верстка в 3 колонки с опциями.
my-name-is-Max replied to my-name-is-Max's question in HTML Coding
"float: center;" Что-то я такого не помню для XHTML 1.0 Там 4 варианта: "left", "right", "inherit" и "none". -
Приветствую всех. Я только пару месяцев занимаюсь версткой (по специальности я программист), и перед мною встала проблема следующего формата. Мне необходимо сверстать страничку в 3 колонки, верстка блочная (через div'ы), 33% - 34% - 33%. Вроде бы задача не сложная, в сети таких примеров ? до кучи. Однако, есть дополнительная опция ? средний div (назовем его "middle") и его контент должен распологаться по тексту первым, тот, что слева ("left") ? вторым, ну и последний, "right", соответственно, последним. Т.е.: <div id="middle"> </div> <div id="left"> </div> <div id="right"> </div> Я пытался сделать двумя способами: 1. Абсолютное позиционирование: <div id="wrapper" style="position: relative"> <div id="middle" style="position: absolute; width: 34%; height: 100%; left: 33%; top: 0px;"> </div> <div id="left" style="position: absolute; width: 33%; left: 0px; top: 0px;"> </div> <div id="right" style="position: absolute; width: 33%; right: 0px; top: 0px;"> </div> </div> 2. <div id="middle" style="float: left; width: 100%;"> ...middle content middle content middle content middle content middle content... <div id="left" style="float: left; position: absolute; width: 33%;"> </div> <div id="right" style="float: right; position: absolute; width: 33%;"> <div> </div> Используется докпайп quot;-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> По поводу первого случая ? div'ы с абсолютной позицией не расягивают "wrapper", а выходят за его пределы (ну, это понятно). Второй ? контент распологается либо над div'ами "left" и "right", либо под ними, либо вообще как попало. Способа растянуть их по обеим сторонам на 100% я не нашел. В общем, профиссионалы, я жду вашей помощи. Если кто сталкивался с подобной задачай, убедительная просьба помочь мне ее решить. Заранее благодарен.