Jump to content

Small_man

Newbie
  • Posts

    23
  • Joined

  • Last visited

Small_man's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Никак не могу понять, где я так нагрешил, но высота div'а content не становится динамической...а он служит тут как раз еще и фоном надо получить разметку как на картинке красный - content с динамичной высотой желтые - topcon, medcon и botcon соответственно зеленые - это остальные дивчики наполнения есть код <div class="content"> <div class="topcon"> <div id="leftcol"> <div id="logo"> </div> <div id="menu"> <ul id="uno"> <li><a href="#">Новости</a></li> <li><a href="#">Камины</a></li> <li><a href="#">Топки</a></li> <li><a href="#">Термо камины</a></li> <li><a href="#">Барбекю</a></li> <li><a href="#">Галерея</a></li> <li><a href="#">Сертификаты</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Часто задаваемые вопросы</a></li> <li><a href="#">Приглашаем к сотрудничеству</a></li> </ul> </div> </div> <div id="flash"> флешка через swfobject </div> <span class="clear" style="clear: both;"> </span> </div> <div class="medcon"> <div class="cuadro" id="cuadro1"> текст </div> <div class="cuadro" id="cuadro2"> что-то </div> <div class="cuadro" id="cuadro3"> что-то </div> <div class="cuadro" id="cuadro4"> что-то </div> <span class="clear" style="clear: both;"> </span> </div> <div class="botcon"> <div class="cuadro" id="cuadro44"> что-то </div> </div> <div id="botline"> </div> <span class="clear" style="clear: both;"> </span> </div> body, html, div, h1, h2, h3, h4, h5, h6, p, a, span, img, table, th, td, ul, li, dl, td, dd, caption, form, label { border: 0 none; margin: 0; padding: 0; } body { background: none repeat scroll 0 0 #B4B4B4; color: #3D3938; font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-align: center; } .content { background-color: #FFFFFF; text-align: left; margin: 0 auto; width: 1000px; } .topcon { margin-bottom: 10px; width: 1000px; float: left; } #leftcol { float: left; margin: 10px 0 0; width: 240px; } #logo { background: url("images/logo.gif") no-repeat scroll right bottom; background-color: #B40000; height: 121px; width: 240px; } #menu { width: 240px; } ul#uno li a { color: #373432; border-bottom: 1px solid #999999; display: block; width: 240px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-align: right; text-decoration: none; } #flash { float: left; margin-left: 10px; margin-top: 8px; width: 740px; } .medcon { margin: 0 10px; width: 980px; float: left; } .cuadro { color: #3D3938; background: url("images/triangulo_gris.gif") no-repeat scroll right bottom transparent; background-color: #9C9A9A; float: left; height: 200px; line-height: 12px; width: 230px; } #cuadro2, #cuadro3, #cuadro4 , #cuadro44 { background-color: #D7D7D7; color: #58585A; float: left; height: 200px; line-height: 12px; margin-left: 10px; width: 240px; } .margin10 { display: inline; float: left; margin: 10px 0 0 10px; } .botcon { background: url("../images/triangulo_grisosc.gif") no-repeat scroll right bottom transparent; background-color: #969696; margin-bottom: 0; margin-left: 10px; margin-top: 10px; width: 980px; float: left; } #botline { background-color: #FFFFFF; margin: 0px 10px; width: 980px; height: 10px; float: left; } пока сидел наткнулся на http://xhtml.ru/2008/09/30/clear-without-clear/ и все сам решил
  2. спасибо огромное....очень долго с этим мучался...
  3. не катит, могете сами посмотреть пример страницы
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" href="assets/templates/default/sait.css" type="text/css" /> </head> <body> <div> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" id="intro" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="assets/media/city.swf" /> <param name="menu" value="false" /> <param name="quality" value="high" /> <param name="bgcolor" value="#fff" /><embed src="assets/media/city.swf" menu="false" quality="high" bgcolor="#fff" width="100%" height="100%" name="intro" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> </div> </body> </html> я про то и говорю что надо как-то их динамично определять, но как????
  5. самое обидное что когда ставишь размеры в 100% то флеш свораяивается в маленькое окошко, незнаю почему но так оно постоянно, мне посоветовали сделать это через expression мол типа он задает размер в точных цифрах и тогда родительский документ всегда имеет четкие параметры и от него можно плясать... кто-нить знает эти expression???
  6. суть не во флеше, надо сделать квадратный div со 100% высотой и ширина равна высоте, а уж флеш я сам растяну...надо динамически тока размер определить и фсё...
  7. все просто надо растянуть флеш по высоте экрана, для этого надо динамически определить высоту, вот и усе
  8. подскажите как определять размер рабочей области окна браузера и соответственно задавать эти размеры слоям???
  9. а можно как-нить пример написать или ссылку на мануал кинуть???
  10. но flash по своей сути тоже далеко не идеально вставляется на страницу...да и в вопросе явно указал что нужен именно javascript
  11. ну примерно тот же что и расстягивалась)))) PS я думал это понятно итак...
  12. Попробую уточнить еще раз суть вопроса: как сделать так чтобы flash разворачивалась на весь экран во всех браузерах???
  13. как реализовать кроссбраузерный фоновый звук с возможностью отключить его кнопкой, желательно на javascript???
  14. а как тогда решить этот вопрос??? есть методы решения???
  15. Заверстал flash через SwfObject но вот никак не могу найти материала по тому как сделать так чтобы flash ролик растягивался под размер окна <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <title>[(site_name)]</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" href="assets/templates/default/sait.css" type="text/css" /> <script type="text/javascript" src="assets/media/swfobject.js"></script> <script type="text/javascript"> swfobject.registerObject("myId", "9.0.0", "expressInstall.swf"); </script> </head> <body> <div id="intro"> <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"> <param name="movie" value="assets/media/city.swf" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="assets/media/city.swf" width="100%" height="100%"> <!--<![endif]--> <p>Alternative content</p> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> </body> </html> #intro{ width: 100%; height: 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