Jump to content

paulik

Newbie
  • Posts

    5
  • Joined

  • Last visited

Everything posted by paulik

  1. вот как это должно работать: линк попробуйте поресайзить окно и поскроллить страницу. теперь попробуйте тоже самое сделать для <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-200000126/DTD/xhtml1-transitional.dtd"> и все равно, на дивах или таблицах. (Проблема возникает при длинном контенте). невижу в чем может помочь min-height. (про его поведение в разных браузерах я в курсе).
  2. делал. во флаше есть localConnection чтоб управлять реальным плеером из загружаемого интерфейса. а в htmle делаешь нулевой фрейм куда вешаешь невидимый плеер. при рефреше страницы дается команда плееру посылать новому интерфейсу место и тему проигрывания.
  3. Есть простая страница - колонка посередине, слева background div, справа backround div (оба на всю вышину). То есть макет элементарнейший. Условия: 1) doctype transitional (с ссылкой на документацию) 2) кроссбраузерность. на все таги вешаем как положено height:100%, на html,body и контентные. Теперь траблы: или надо выкидывать doctype или IE. Собственно, что таблица, что div-ы с height:100% ведут себя точно также, разницы нет в чем верстать. Забудем по причине работоспособности о других браузерах кроме ИЕ. Все вытягивается нормально до момента когда длинна контента не превышает вышины ока браузера. Как только появляется scroll, то вышина diva остается равной вышине окна а не реальной страницы. (Нафига нужен height 100% если это height окна а не документа??) код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-200000126/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>proba</title> <style> html,body {height:100%; width:100%;} body {margin:0; padding:0;} #allpage {width:100%; height:100%; border:0;} #left,#content,#right {float:left; height:100%; border:3px solid #ff0000;} </style> </head> <body> <div id="allpage"> <div id="left">aaa</div> <div id="content">bbb</div> <div id="right">ccc</div> </div> </body> </html> все прекрасно пока в id="content" не сунете для IE 100 раз bbb<br>bbb<br> с таблцей аналогично: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-200000126/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>proba</title> </head> <body style="height:100%; margin:0; padding:0;"> <table border="1" style="height:100%"><tr> <td style="height:100%"> <table border="1" style="height:100%"> <tr><td>asdasd1</td></tr> <tr><td>asdasd2</td></tr> </table> </td> <td style="height:100%">sdsdsd<br>sdsdsd<br>... povtorite 100 raz...</td> </tr> </table> </body> описание стилем или height="100" неважно ибо за пределами обуждения спецификации doctype. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> решает проблему, на как сказал это невыполнение условия, и нет линка на документацию спецификации. всякие fixed + absolute тут не причем и проблемы не решат. Какие нить идеи? У меня башка кипит, это же простейший макет самого распостраненного дизайна.
  4. разобрался. с абсолют позицией все легко и именно как надо.
  5. идейно надо сделать такую простую вешь: страница всегда посередине, слева есть тень. Надо чтоб при изменении окна браузера скроллбар появлялся Только на белой области (не на тени). Таблицей сие сделать никаких проблем - <table width="100%"><tr> <td style="background:url(ten.gif) no-repeat right;"></td> <td width="980">белая</td> <td></td> </tr></table> Дивы один в другом с тенью не катят так как скролл будет на тени тоже, а это критично из-за ширины страницы на 1024px: <div style="background:url(ten.gif) no-repeat; padding:0 30px 0 30px;"><div id="белый_контент">...</div></div> поидее надо сделать 3 дива, слева на остаточную ширину, по центру фиксированной ширины, справа на остаточную ширину. Но как?? float:left при этом конечно любит перескакивать если менять ширину окна. Да и непонятно как указать ширину дивов фона в этом случае.
×
×
  • 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