Jump to content

Ibrahim_KZ

Newbie
  • Posts

    5
  • Joined

  • Last visited

Everything posted by Ibrahim_KZ

  1. Проблема решается довольно легко! Если кто столкнется с подобной проблемой, то могу дать 2 совета: 1. Не используйте верстку на таблицах (как было сказано выше), т.к. этот метод устарел и таблицы в IE ведут себя непредсказуемо. 2. Если всё же лень полностью все переверстывать на дивы (как в моем случае), то решение таково - вместо ячеек <td class="td5"> и <td class="td6"> создаем одну <td colspan=2>. Туда запихиваем 2 дива (один вложенный в другой) <div class="td5"><div class="td6"></div></div>. Для первого и второго дива стили .td5 { height:158px; background:url(images/fn2.jpg) repeat-x;overflow:auto; width:100%;} .td6 { width:852px; height:158px; background:url(images/bg3.jpg) top left no-repeat;overflow:auto;float:right} И все! IE побежден! Результат на index7.html
  2. Еще бы! В стиле 90-х Кому такое понравится? Тебе надо к дизайнерам обращаться, но за бесплатно навряд ли кто захочет работать.
  3. Облегчил хтмл файл, но глюк остался, ниже код: <body marginheight="0" marginwidth="0" bottommargin="0" topmargin="0" rightmargin="0" leftmargin="0"> <table class="top1" width="100%" border="0"> <!--Голова и то, что ниже--> <tr> <td class="td04"> </td> <td class="td5"> </td> <td class="td6"> </td> </tr> <tr> <td> </td> <td class="td12"> </td> <td class="td12"> <table class="search" border="0"> <form name="frmSearch" action="" method="post"> <tr><td><input type="text" id="srch" value="Поиск по сайту"></td> <td><input type="submit" id="srchb" value="Найти"> </td> </form> <td><a href="#" class="ln2">гостевая книга</a></td> <td><a href="#" class="ln2">карта сайта</a></td> </tr> </table> </td> </tr> <tr> <td> </td> <td colspan=2> <table border="0" class="top"> <tr><td class="cntnt"> <!--контент--> 222222222222222222222222222222222222222222222222222222222222222222222222222 222222 </td><!--конец контента--> <td class="right"> <table class="right"><!-- Правая часть --> <tr> <td valign="top"> gfggggggggggggggggggggf<br> gggggggggggggggg<br> ggggfgggggggggggggg<br> ggggggfggggggggggggggggg<br> gggfggggggggggggggg<br> gggggfggggggggggg<br> gggggggg </td> </tr> </table> </td><!-- right --> </tr> </table> </td> </tr> </table><!-- top1 --> </body> Результат на index5.html И CSS стили body {font:12px Arial; color: #191a1b;} table {border: 0px; border-collapse: collapse; } table td {padding: 0px} .top { width:100%; margin-top:0px;} .top1 { width:100%; padding-top: 0px;} .td04 { width:14px; height:130px; background: url(images/bg5.jpg) no-repeat; } .td5 { height:130px; background:url(images/fn2.jpg) repeat-x;} .td6 { width:852px; height:158px; background:url(images/bg3.jpg) no-repeat;min-width:852px;} .td12 { height:33px; background:url(images/fn6.jpg) repeat-x} .cntnt {height:100%;margin-top:0px;vertical-align:top;} .right {width:260px;;height:100%; background:#eeeeee;} #srch {font:11px Arial; color: #151515; margin:6px 2px 5px 2px;} #srchb {font:11px Arial; color: #151515; margin:5px 2px 5px 2px;} .ln2 { color:#4b4c4d; text-decoration:none; padding: 4px 5px 4px 5px;font:11px Arial;} .ln2:hover {text-decoration: underline} Результат того же хтмл нормальной работы, НО с короткой строкой в контенте index6.html Повторяю глюк только в IE или у меня глюк
  4. Ну она же выложена style.css Как бы тогда он загрузился?
  5. Здравствуйте, уважаемые гуру-верстальщики. Возникла такая проблема, в общем-то я думал, что с ней справлюсь, но IE отказывается корректно растягивать хедер. Посмотрите ссылку index.html В Опере и Мозилле хедер отображается правильно, т.е. прижимается к правому боку, а центр растягивается. А IE не хочет растягивать поле td и прижимает хедер к левому боку. Но и это еще не все. Когда убирается контент, например index4.html или короткая строка index3.html, IE отображает всё правильно, т.е. хедер прижимается к правому боку. А когда выводится в контент мало-мальски длинная строка (без переходов на новую строку), то хедер опять прижимается к левому боку... Например index2.html Уж и не знаю, что делать. Может переучиваться верстать полностью на дивах?
×
×
  • 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