tonik_spb
-
Posts
49 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by tonik_spb
-
top при абсолютном позиционировании в разных браузерах
tonik_spb replied to tonik_spb's question in HTML Coding
to Searcher: не я поиграл и с маргином и с падингом =)) со всем уже наигрался =)) to Vlad: Тоесть решения проблемы нету =(( ставить переходной и забыть про предрассудки что строгий это круто =)) -
объясните пожалуйста почему вот в таком макете <!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> <style> body, html{ position:relative; font-family:Arial; margin: 0 auto; width: 1000px; height:100%; } .page { position:relative; width: 1000px; height: 450px; background-color:GREEN; } .page A{ font-weight:900; font-size:13px; color:rgb(100,6,58); } .l{ position:absolute; left: 42px; top: 2px; } </style> </head> <body> <div class="page"> <div class="l"><a href="#menu=0">Hello my diar friend</a></div> </div> </body> </html> В FF отступ top больше чем у IE6 примерно на 2-3 px есть сделать доктайп transitional то все одинаково но при strict косяк =(( Заранее спасибо!!
-
ну так между прочим адалт = порнуха =))
-
Самое прибольное дело это адалт !!! =)) но эт незаконно =)) так что не стоит даже пробывать =)
-
извините за офтоп, но это неуважение собеседника точнее человека просящего помощь, когда человек знает(а я уверен знает) язык собеседника а разговаривает на своем!!!
-
не хочу рекламировать но....... Кто то кто любит качество выбирает http://masterhost.ru/ кто то выбирает majordomo.ru (иногда любят говорить что у них есть проблемы с MySQL) Что касается меня свои проекты держу на sweb.ru за 1700 вы получите норм хостинг со всеми прибамбасами + домен ps а по поводу сделать самому ХОРОШИЙ сайт. Поверьте лучше обратитесь к спецам. Сэкономите время, что для нормального бизнесмена = деньги!!!
-
вот просто стало интересно кто какой способ использует, для начало мои размышления =): Гуляя по сети, общаясь с верстальщицами понимаешь, что у каждого свой метод, кадый любит делать так, кто то любит делать что бы попроще и тд и тп. и вот наверно только малая доля способов прижатия footerА к низу страницы: 1) Кто то смотрит на верстку блоками с опаской и говорит зачем мне лишние траблы мине и так хорошо, и верстает таблицами, и вправду действие с футер с помощью таблиц плевое дело. Но такие как я не переваривают табличную верстку + css лучше по всем известным причинам. 2) Один человек вообще мне сказал, что не парится по поводу футера, в последних 10 проектах футер всеравно выходил за рамки высоты экрана, так что появлялся скрол. Но опять же не могу я так, во моем мазгу всегдла есть мысля "А ЧТО БУДЕТ ЕСЛИ?" доставшаяся от програмирования на асме. 3) кто то делает структуру страницы таблицей (допустим из 3 строк, центральная тянется), а внутри уже этих строк делают все блочной версткой. Но опять же не хочется применять таблицы =)) 4) есть несколько способов прижатия футера с помощью css стоит только забить в поисковике "Прижимаем футер к низу экрана" и вауля дофигища способов. Только потом выясняется, что один не кроссбраузерный, другой глючит в опере потому что, именно в опере какой то глюк, а не потому что код не правильный, или еще какой нибудь подводный камень всплывает. что касается меня большую часть в своих проектах делаю вот так http://vk.osvita.org.ua/footer.htm (вроде бы самый норм метод) Так вот интересно каким же способом пользуетесь вы (код приветствуется)? Почему именно им ? PS. ЕСЛИ что тему мона и в флейм отправить =))
-
под opera и мозила opacity:50; а вообще читайте матчасть http://www.htmlbook.ru/css/opacity.html
-
хм странно...... ну В общем главное что проблема решена =))
-
хотя тут подумал у нас же к стилю body, html фиксированная велечина заданна чтоб центрировалось все. Видимо просто ie понимает эт как по другому не как FF в этом с вся проблема =\
-
обнаружил тут такую штуку <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <title>Untitled Document</title> <style> body, html{ font-family:Arial; margin: 0 auto; height:100%; text-align: left; background:rgb(183,229,255); } .sl2{ background:white; overflow:hidden; width: 1000px; height:auto; } .menu_1{ position:relative; border:1px solid black; width:200px; min-height:279px; height:100%; _height:279px; font-size:14px; } </style> </head> <body> <div class="sl2"> <div class="menu_1"> text </div> </div> </body> </html> В FF все нормально: Белых фон по центру а menu_1 прижато к правому углу sl2 и при изменении размера окна браузера все остается на местах. В IE6 же при изменении размера menu_1 начинает ползать по всему экрану, отступ от правой стороны sl2 появится, то к правому углу всего документа прижмется, при этом если при новых размерах окна браузера обнавить страницу все станет как нужно.. Как избавиться от такой штуковины в IE6?
-
ооо =)) спасиб =)) Всем БОЛЬШОЕ спасибо за оказанную помощь =))
-
вот как раз и был вопрос про min-htight =)) Но допустим мы через хак (_height: 350px;) написали, и что в результате получили желаемые 350 px? но в результате потеряли резиновость divA =(( Если много текста будет вылезать за пределы div
-
хм..... тоже вариант притом даже наверно лучше чем предудущий (просто не попробовал еще сверстать но идея хорошая) Но она тоже не подойдет потому как: Допустим текста одна строчка "hello" следовательно вся высота будет = размеру шрифта в строчке "hello" а верхняя и нижняя картинки дают в сумме уже 350 px тоесть надо чтобы начальная высота diva в любом случае была не меньше 350 px;
-
да извиняюсь за неокуратность кода =)) эт после долгих экспериментов в dreamweaver видимо оно тама свою руку без моего ведома приложимло =) про display: block; ваше мне не понятно откуда взялась =))) видимо опять же dreamweaver постарался =)) а про фиксированную внешнюю таблицу эт сделанно к примеру... Ведь всеравно если там будет больше текста чем надо (overflow не задан) то таблица будет растягиваться.
-
http://forum.htmlbook.ru/index.php?showtop...amp;#entry78461 идея та же самая =)) просто интересно реализование ее и так и так =))
-
есть код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <table border=0 height="425" width="568" cellpadding="0" cellspacing="0"> <tr><td width="555" valign="top" height="100%"> <p></p> </td> <td width="13" valign="top" style="display:block"> <table height="100%" width="13" cellpadding="0" cellspacing="0" > <tr> <td height="130" bgcolor="GREEN"></td><tr><td height="100%" bgcolor="RED"> </td></tr><tr> <td height="195" bgcolor="PINK"></td></tr> </table> </td></tr> </table> </html> в FF все нормально и Красная полоска заполняет все что осталось от зеленой и розовой (тоесть 2 строка резиновая) как сделать так чтобы во всех браузерах Заранее спасиб =)
-
народ очень надо вся надежда на вас =((
-
Этот вариант конечно хорош но только если у нас минимально текста (высота menu2 min) а высота .bg_top, .bg_bottom например 30 px получится так что у нас картинка вылезает =(( конечно можно использовать для menu2 min-height; но он в IE 6 НЕ РАБОТАЕТ =((( А фикс что то мне не придумать =(( Помогите найти выход из такой ситуации. Заранее спасибо
-
Извините за невнимательность =(( Интересно а если мы будем не картинку повторять по y а нужно будет определенным цветом залить если использовать предыдущий html (в селектор menu_2 добавить background:COLOR) vs зальем все поле, а надо только поле по правой стороне + с высотой как menu_2 и шириной как у bg_top и bg_bottom раз уж тут написал вопрос и про таблицы не могли бы вы и на него ответить. Просто интересно как это делается при DOCTYPE strict &
-
вариант почти то что надо, но еще нужен блок по середине он ведь у нас как раз и является резиновым идея просто как 2 копейки рамка из 3 рисунков 1 (верхний угол) 2 (середина которая повторяется только по y) и 3 (опять уголок)
-
В общем нужно сделать то же самое как вот это : <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <LINK href="./style.css" type=text/css rel=stylesheet> </head> <body> <table width="450" border=1> <tr><td width="300" valign="top">hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello </td> <td valign="top" height="100%"> <table border=1 height=100%> <tr><td height="20">1</td></tr> <tr><td height="100%">PITER</td></tr> <tr><td height="20">2</td></tr> </table> </td> </tr> </table> </body> </html> Кстати (PITER) будет растягиваться только в FireFox в остальных только если убрать <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> ну раз уж я сюда уже написал и такую штуку в таблицах очень интересно как реализовать Кроссбраузерность в таблицах со строгим стилем тоесть с <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-
надеюсь достаточно понятно нарисовал =)
-
Нароод такая проблема есть html документ: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .menu_2{ border: 1px solid black; width:542px; height:100%; } .menu_2 P{ margin:0px; border: 1px solid black; font-size:12px; width:400px; } .menu_2polosa{ border:1px solid black; width:13px; height:100%; } </style> </head> <body> <div class="menu_2"> <p>hello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hello</p> <div class="menu_2polosa"> </div> </div> </body> </html> как сделать так чтобы "menu_2polosa" была выровнина по правому краю "menu_2" и также имела высоту 100% тоесть такой же как и высота в "menu_2 P" если выставить обтекание для "menu_2" и "menu_2 P" по левому краю а для "menu_2polosa" по правому получим как раз что нам нужно но увы height для последнего не возьмет height родителя. и сразу же 2 вопрос =)) допустим у нас получилось сдлеать все то что написанно выше тогда "menu_2polosa" имеет такуэже высоту как и текст. Как теперь в "menu_2polosa" вставить 2 картинки одна на самом верху другая в самом низу, а по середине фон который как бы растягивает всю эту картинку =) Заранее спасибо =)