| Autor | Zpráva | ||
|---|---|---|---|
| Legoland Profil |
#1 · Zasláno: 15. 11. 2008, 12:17:37
zdravim mam problem mam trojstĺpcový layout a ked sa natiahne jeden neatiahnu sa ostatné pls poradte
#obal {width: 90%; }
#vrchny_bar {width: 100%; background: #12127D; height: 20px;}
#vrchny_bar_pravy_ohyb {float: right; width: 20px; height: 20px; background: url(images/ne.gif);}
#vrchny_bar_lavy_ohyb {float: left; width: 20px; height: 20px; background: url(images/nw.gif);}
#spodny_bar {width: 100%; height: 20px; background: #12127D;}
#spodny_bar_pravy_ohyb {float: right; width: 20px; height: 20px; background: url(images/se.gif);}
#spodny_bar_lavy_ohyb {float: left; width: 20px; height: 20px; background: url(images/sw.gif);}
#hlavicka {float: left; width: 100%; height: 130px; background: url(obr/grafika/ss049.jpg);}
#lave_menu {float: left; width: 19.5%; background: url(obr/grafika/ltgrymrb.jpg); min-height: 550px;height:100%;}
#prave_menu {float: right; width: 19.5%; background: url(obr/grafika/ltgrymrb.jpg); min-height: 550px;height:100%;}
#obsah {float: left; width: 60%; background: url(obr/grafika/pozadie.jpg);min-height: 550px; text-align: left;height:100%;}
#paticka {width: 100%; font-size: 8pt; text-align: center;}
#prava_lista {width: 0.5%; min-height: 550px; float: left; background: url(obr/grafika/lista.jpg);height:100%;}
#lava_lista {width: 0.5%;min-height: 550px; float:left;background: url(obr/grafika/lista.jpg);height:100%;}
#horna_lista {width:100%; height:6px; float:left;background: url(obr/grafika/lista.jpg);}
<body>
<center>
<div id="obal">
<div id="vrchny_bar">
<div id="vrchny_bar_lavy_ohyb"></div>
<div id="vrchny_bar_stred"></div>
<div id="vrchny_bar_pravy_ohyb"></div>
</div>
<div style="clear: both;"></div>
<div id="hlavicka">
<a href="http://www.zs-luzianky.tym.sk" title="hlavná strana">
<img src="obr/grafika/erb.gif" alt="erb" align="left" hspace="20px" border="0px"></a><h1>Základná Škola s Materskou Školou</h1>
<h1>Sasinokva 1, 951 41, Lužianky =)</h1>
</div>
<div id="horna_lista"></div>
<div id="obsah_obal">
<div id="lave_menu">
<a class="kontakt" href="http://www.zs-luzianky.tym.sk" target="ZŠsMŠ Lužianky"></a>
</div>
<div id="lava_lista"></div>
<div id="obsah">
obsah
</div>
<div id="prava_lista"></div>
<div id="prave_menu">
<!--hodiny-->
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-blue.swf";obj.TimeZone="GMT0200";obj.width= 180;obj.height=60;obj.wmode="transparent";showClock(obj);</script>
<!-- BlueBoard.cz Anketa -->
<iframe width="140" height="195" frameborder="0" scrolling="no" src="http://blueboard.cz/anketa_0.php?id=792674">
<a href="http://blueboard.cz/anketa_0.php?id=792674">Anketa</a> od <a href="http://blueboard.cz/">BlueBoard.cz</a>
</iframe>
<!-- BlueBoard.cz Anketa KONEC -->
<!-- BLUEBOARD SHOUTBOARD -->
<iframe frameborder="0" scrolling="no" width="150" height="300" src="http://www.blueboard.cz/shoutboard.php?hid=o7b6f4tise816t87t45v6c v7j7imk5">
<a href="http://www.blueboard.cz/shoutboard.php?hid=o7b6f4tise816t87t45v6 cv7j7imk5">ShoutBoard od BlueBoard.cz</a>
</iframe>
<!-- BLUEBOARD SHOUTBOARD KONEC -->
<a href="http://www.toplist.cz/stat/834674" target="_top"><img src="http://toplist.cz/count.asp?id=834674&logo=mc" align="bottom" border="0" alt="TOPlist" width="88" height="60"/></a>
</div>
<div style="clear: both;"></div>
<div id="spodny_bar">
<div id="spodny_bar_lavy_ohyb"></div>
<div id="spodny_bar_pravy_ohyb"></div>
</div>
<div style="clear: both;"></div>
</div>
</center>
<div id="paticka">
© zs-luzianky.tym.sk. All Rights Reserved. Design by MeeBo
</div>
</body> |
||
| Bubák Profil |
#2 · Zasláno: 15. 11. 2008, 13:26:37
„mam problem mam trojstĺpcový layout a ked sa natiahne jeden neatiahnu sa ostatn“
Takové chování mají pouze buňky v řádku tabulky. Až bude možné použít CSS "tabulkové" hodnoty vlastnosti displaz (table-row, table-cell...) napříč prohlížeči, tak se vyrojí tabulkové-netabuilkové layouty, někteří jsou natěšení už teď. Tatím se to dá pouze simulovat pomocí pozadí, princip je jednoduchý: http://teststranek.kvalitne.cz/vyska-sloupcu1/ jednoduchá ukázka pro pochopení principu http://wellstyled.com/css-2col-fluid-layout.html - více ukázek, lépe zpracováno Přiznám se, že nevím, jestli to půjde s tvým layouzem, máš gumové všechny tři sloupce. Když tak koukni ještě na tohle: Třísloupcový layout - svatý grál. |
||
| Legoland Profil |
#3 · Zasláno: 15. 11. 2008, 18:44:43
nemohol by mi niekto napisat presne kde je v tom kone chyba ?
PLS |
||
| Legoland Profil |
#4 · Zasláno: 15. 11. 2008, 18:49:34
este pridávam odkaz na web http://www.zs-luzianky.tym.sk/newweb/index.html
|
||
| Bubák Profil |
#5 · Zasláno: 16. 11. 2008, 09:19:55
Legoland
Error 404 - Not Found (Není sú tam) Koukni třeba na tohle jak to jde dělat: www.pixy.cz/pixylophone/2003_04_archiv.html#1049275798 www.pixy.cz/blogg/clanky/css-3col-layout/ Kliknutím na "short", "longer", "very long" jde měnit výšku sloupce a pozorovat chování layoutu, ostatní sloupce se "natáhnou". |
||
|
Časová prodleva: 15 let
|
|||
0