Small_man
Newbie-
Posts
23 -
Joined
-
Last visited
Small_man's Achievements
Explorer (1/14)
0
Reputation
-
Никак не могу понять, где я так нагрешил, но высота 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/ и все сам решил
-
спасибо огромное....очень долго с этим мучался...
-
не катит, могете сами посмотреть пример страницы
-
<!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> я про то и говорю что надо как-то их динамично определять, но как????
-
самое обидное что когда ставишь размеры в 100% то флеш свораяивается в маленькое окошко, незнаю почему но так оно постоянно, мне посоветовали сделать это через expression мол типа он задает размер в точных цифрах и тогда родительский документ всегда имеет четкие параметры и от него можно плясать... кто-нить знает эти expression???
-
суть не во флеше, надо сделать квадратный div со 100% высотой и ширина равна высоте, а уж флеш я сам растяну...надо динамически тока размер определить и фсё...
-
все просто надо растянуть флеш по высоте экрана, для этого надо динамически определить высоту, вот и усе
-
подскажите как определять размер рабочей области окна браузера и соответственно задавать эти размеры слоям???
-
а можно как-нить пример написать или ссылку на мануал кинуть???
-
но flash по своей сути тоже далеко не идеально вставляется на страницу...да и в вопросе явно указал что нужен именно javascript
-
ну примерно тот же что и расстягивалась)))) PS я думал это понятно итак...
-
Попробую уточнить еще раз суть вопроса: как сделать так чтобы flash разворачивалась на весь экран во всех браузерах???
-
как реализовать кроссбраузерный фоновый звук с возможностью отключить его кнопкой, желательно на javascript???
-
а как тогда решить этот вопрос??? есть методы решения???
-
Заверстал 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%; } моежт кто знает как это сделать???