maza
-
Posts
128 -
Joined
-
Last visited
maza's Achievements
Explorer (1/14)
0
Reputation
-
ты толкаешь паддингом их вниз. сначала: #footer1 и #footer2 поставь bottom: 0px; чтобы к самому низу прибивалось убери текста, оставь по 2 строчки потом смотри в опере. у мну появился скрол, потому что ты паддинг поставил, если его убрать квадраты уже вверх поднимаются. но это только в опере я заметил.
-
ох как ты хитро квадраты прикрутил.... разбираюсь... в опере не хочет внизу сидеть, когда мало текста... ( 9.62)
-
так аргументируйте ———————————————————- обратить внимание необходимо на "относительно края окна браузера". А мы вроде как собирались его внизу страницы прикрутить... + я перед тем как постить дополнительно проверил чтоб уж доконца быть увереным в своих словах.
-
как раз с осведомленностью в данном случае у мну все впорядке. если мы таким образом как вы посоветовали прибьем подвал, тогда он там будет висеть постоянно , не смотря ни на что (я имею ввиду, когда буковок будет больше чем влезет в экран) а вы ничего не привели, имхо, что касается последнего вопроса..
-
во-первых, у мну в бади прописано height: 100% а во-вторых, абсолютное позиционирование подвала мне совсем не нужно, зачем мне его втыкать постоянно??? а завяжу с таблицами, когда стандартизируют это все дело до степени - "верстать и не крутится как уж на сковородке при этом". если вы советуете сверстать всё слоями - можете еще предложить вариант по реализации данного макета? я не прошу готовый код - просто логику подскажите.
-
Уважаемые знатоки вопрос визуальный. 1. 2. проблема возникает у ИЕ6, Опера 9.62, когда левая колонка наполнена текстом (рис. 2) что можете посоветовать? почему ФФ3 "видит" родителя <td> в котором написано height: 100%, а опера и ие6 "не видят" ?! код здесь: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>макет era-auto.com.ua</title> <style type="text/css"> html, body { height: 100%; margin: 0; } #header_main { height: 100px; background-color: #FF8040; } #content_main { margin-bottom: -140px; min-height: 100%; background-color: #8080C0; *height: 100%; *margin-top: 0; } #space_main { height: 140px; } #space_leftSide { height: 40px; } #mail { height: 140px; background: green; } </style> </head> <body> <table border="0" width="100%" style="height: 100%; margin-bottom: -40px" cellspacing="0" cellpadding="0"> <tr> <!-- LEFT SIDE go here --> <td style="width: 232px; background-color: #FF8080" valign="top"> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side ! <div id="space_leftSide"></div> </td> <!-- theEND of LEFT SIDE --> <td style="width: 5px; background-color: #800080"></td> <!-- MAIN SIDE go here --> <td style="height: 100%; background-color: #c0c0c0"> <div id="content_main"> <div id="header_main"> <!-- CAP go here --> 123 <!-- theEND of CAP --> </div> <!-- MODULE go here --> 456789 456789 456789 456789 456789 456789 456789 456789 ! <!-- theEND of MODULE --> <div id="space_main"></div> </div> <div id="mail"> <!-- MailMe go here --> 789 <!-- theEND of MailMe --> </div> </td> <!-- theEND of MAIN SIDE --> </tr> </table> <!-- FOOTER go here --> <table border="0" width="100%" style="height: 40px; background-color: #088cd1" cellspacing="0" cellpadding="0"> <tr> <td></td> </tr> </table> <!-- theEND of FOOTER --> </body> </html>
-
сори. вопрос снят. эту часть макета победил, аналогичным методом. добавил к mail высоту футера (40px) и margin-top: -40 убрал за не надобностью (это я уже методом проб понял, что не туда копаю)
-
зачем рисовать, я ж писал, что данный код работает как задумано в ИЕ6 - посмотрите. (и с текстом и без всё как хотелось)
-
на счет грязного хака вообще не понял, что ты имел ввиду... прикрутил я этот кусок кода к еще одному куску)), покрутил не много , короче все сапает, когда текста мало в ФФ3, ИЕ6 и Опера 9.62, Но когда вставляешь текст, то работает только в ИЕ6.. проблема в том, что я не могу понять, ЧТО браузеры делают, как они его так корёжат... соответственно не знаю что колупать дальше вот теперешний макетик: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>макет era-auto.com.ua</title> <style type="text/css"> html, body { height: 100%; margin: 0; } #header_main { height: 100px; background: red; } #content_main { margin-bottom: -140px; margin-top: -40px; min-height: 100%; background-color: #8080C0; *height: 100%; *margin-top: 0; } #space_main { height: 140px; } #mail { height: 100px; background: green; } </style> </head> <body> <table border="0" width="100%" style="height: 100%; margin-bottom: -40px" cellspacing="0" cellpadding="0"> <tr> <!-- LEFT SIDE go here --> <td style="width: 232px; background-color: #FF8080" valign="top"> left side </td> <!-- theEND of LEFT SIDE --> <td style="width: 5px; background-color: #800080"></td> <!-- MAIN SIDE go here --> <td style="height: 100%"> <div id="content_main"> <div id="header_main"> 123 </div> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 ! <div id="space_main"></div> </div> <div id="mail"> 789 </div> </td> <!-- theEND of MAIN SIDE --> </tr> </table> <!-- FOOTER go here --> <table border="0" width="100%" style="height: 40px; background-color: #088cd1" cellspacing="0" cellpadding="0"> <tr> <td></td> </tr> </table> <!-- theEND of FOOTER --> </body> </html>
-
Можешь объяснить этото кусок? #content { margin-bottom: -100px; min-height: 100%;} * html #content { height: 100%;} это не тоже самое, что и ? : #content { margin-bottom: -100px; min-height: 100%; *height: 100%;} min-height для слоя с id content для всех браузеров, кроме ИЕ6, для ИЕ6 height: 100%. я правильно понял?
-
Виртуал, спасибо! Завтра с утра разберу этот вариант и отпишусь здесь!! p.s.: с работы домой выгоняют.....
-
это я догадался как Экслорер (мужду прочем у ФФ и Оперы нормально с этим) считает высоту, если не задана. пробовал я дивами сделать, но результат такой же. Может вы покажите пример?
-
хехехе))) если б я мог - давно бы уже и не морочил ни кому попу (и себе в первую очередь-)))
-
как зачем???!!!! чтоб таблица развернулась на 100% по высоте надо таблице знать от чего эти проценты считать
-
ты правильно примитивно меня понял )))) копал я в сторону маргина и падинга... короче могу только сказать , что доктайп: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> просто ПОПА!!! вообще ниче не сделать (((( вот, элементарный, пример (хотятбы этот вопрос решить, ПОЧЕМУ НА??!!): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>макет era-auto.com.ua</title> <style type="text/css"> html, body { height: 100%; margin: 0; } </style> </head> <body> <table border="1" width="100%" style="height: 100%" cellspacing="0" cellpadding="0"> <tr> <td style="height: 100px">111</td> </tr> <tr> <td>222</td> </tr> <tr> <td style="height: 100px">mail</td> </tr> </table> </body> </html> почему на это в ИЕ6, ячейка 222 какого-то х.. сплюснута.....