Jump to content

my-name-is-Max

Newbie
  • Posts

    13
  • Joined

  • Last visited

my-name-is-Max's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Я так и делаю (учился у хорошего верстальщика). Сначала пишу нормальный, чистый XHTML-код, затем ставлю ?костыли? под IE6. Ну а вопрос, все же, остается в силе.
  2. В FF все исправил. Сайт еще в разработке. Спасибо, Dimitry, за предупреждение. В FF я почему-то всегда в последнюю очередь проверяю.
  3. Вот сайт: http://expert-service.cm.htc-cs.com/ Проблема в следующем: в IE6 исчезает бордер у блоков в левой колонке (внизу, серая полоса перед градиентом). С наличием/отсутствием ссылки это никак не связано, поскольку в других браузерах все нормально. Главное, посмотрите: если сжать окно браузера по вертикали (пикселов до 200-т), и покрутить полосу прокрутки, они появятся. Кто-нибудь сталкивался с такой проблемой? Пожалуйста, поделитесь опытом. Буду очень благодарен. P.S. По верстке замечения давайте, но пожалуйста, не ругайтесь. Занимаюсь версткой третий месяц.
  4. 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>
  5. display: inline не помогает. Да, кстати, отступ в IE ровно в 2 раза больше, чем в других браузерах. Поэтому временный вариант я выбрал такой: *html #left { margin-left: 1%; } Но это вариант ? кривой (чтобы успокоить дизайнера ), на самом деле хотелось бы найти нормальное решение.
  6. Всем привет! <!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 располагается следом за этим). Заранее спасибо за помощь.
  7. Всем привет! При изменении размеров окна браузера куда-то исчезает большинство div'ов, вместо них отображается фон. После нажатия F5 вид, как правило, восстанавливается. Скриптов в коде нет (пока). Это касается только IE6. Кто-нибудь сталкивался с такой проблемой? Верстка исключительно блочная, 100% валидная (Ctrl+Alt+V в Opera). Заранее спасибо за помощь.
  8. Код: <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. Хотелось бы понять, в чем ошибка, а не применять кривые методы исправления. Заранее спасибо за ответ.
  9. По горизонтали они расположены как надо. А "left" и "right" находятся ниже "center". Хотя это уже лучше, чем было. ;-)
  10. "float: center;" Что-то я такого не помню для XHTML 1.0 Там 4 варианта: "left", "right", "inherit" и "none".
  11. Приветствую всех. Я только пару месяцев занимаюсь версткой (по специальности я программист), и перед мною встала проблема следующего формата. Мне необходимо сверстать страничку в 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% я не нашел. В общем, профиссионалы, я жду вашей помощи. Если кто сталкивался с подобной задачай, убедительная просьба помочь мне ее решить. Заранее благодарен.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy