| Autor | Zpráva | ||
|---|---|---|---|
| johnl Profil |
#1 · Zasláno: 23. 5. 2010, 00:14:12 · Upravil/a: johnl
Dobrý den, řeším takový menší problém.. Potřeboval bych aby se mi menu (div #menu-obsah) natahovalo podle obsahu divu #right
Kód:
#obal {width: 773px; margin: 0 auto;}
#head {background: url('head.png') no-repeat; width: 773px; height: 24px;}
#body {background: url('body.png') repeat-y; width: 773px; overflow: hidden;}
#obsah {width: 700px; margin: 0 auto;}
#footer {background: url('footer.png') no-repeat; width: 773px; height: 23px;}
#patka {color: #999; font-size: 10px; text-align: center;}
#left {width: 180px; float: left;}
#right {width: 500px; float: right;}
#menu-head {width: 170px; height: 20px; background: url('menu_head.png');}
#menu-body {width: 170px; background: url('menu_body.png') repeat-y;}Momentálně to vypadá nějak takto.. 
Nevíte někdo jak ten div natáhnout..? |
||
| mattyZEM Profil |
#2 · Zasláno: 23. 5. 2010, 00:38:33
johnl:
„Nevíte někdo jak ten div natáhnout..?“ Moje věštící koule mi řekla, že je potřeba poslat odkaz na stránku, nebo alespoň i HTML kód. |
||
| johnl Profil |
#3 · Zasláno: 23. 5. 2010, 00:45:40
Omlouvám se ;-)
<div id="obal">
<div id="head"></div>
<div id="body">
<div id="obsah">
<div id="left">
<a href="index.php"><img src="style/logo.png" border="0"></a>
<br>
<div id="menu-head">
</div>
<div id="menu-body"></div>
</div>
<div id="right">
<p>Tady je dlouhý text :-)</p>
</div>
</div>
</div>
<div id="footer"></div>
<div id="patka">© 2010 Jan Laštůvka - Všechna práva vyhrazena</div>
</div> |
||
| johnl Profil |
#4 · Zasláno: 23. 5. 2010, 10:45:45
Vážně nikdo nevíte jak to natáhnout..? :-(
|
||
| panther Profil |
#5 · Zasláno: 23. 5. 2010, 10:57:25 · Upravil/a: panther
johnl:
dej sem odkaz na stránku, nebudu si ho z tvých útržků bez obrázků skládat sám. „Vážně nikdo nevíte jak to natáhnout..? :-(“ tímto způsobem si už příště pozornost nevynucuj. Mnozí tě kvůli tomuhle způsbou budou ignorovat, já příště taky. Obecně, pokud mají být dva (a více) sloupce stejně dlouhé, musí být obrázek na pozadí nadřazeného elementu. |
||
| Plaváček Profil |
#6 · Zasláno: 23. 5. 2010, 10:58:39
johnl:
Víme, třeba: http://wellstyled.com/css-2col-fluid-layout.html nebo http://www.google.cz/search?sourceid=navclient&hl=cs&ie=UTF-8&rlz=1T4GGLJ_csCZ274CZ274&q=dva+sloupce+stejn%c4%9b+vysok%c3%a9 Nápověda: obrázkové pozadí opakované v ose Y na pozadí nadřazeného prvku, v tvém případě DIVu s názvem #obal. |
||
| johnl Profil |
#7 · Zasláno: 23. 5. 2010, 11:07:00
Ukázka je tady..
|
||
| panther Profil |
#8 · Zasláno: 23. 5. 2010, 11:10:00
johnl:
„Ukázka je tady..“ platí výše napsané: [#5] poslední věta tady nebo o příspěvek později Plaváček psal totéž. |
||
| johnl Profil |
#9 · Zasláno: 23. 5. 2010, 11:38:18
Tak jsem to zkusil jak je to popsané výš, přidal jsem tam div ve kterém se opakuje pozadá, ale div #menu-body se podle něj stejně natáhnout nechce..
|
||
| panther Profil |
#10 · Zasláno: 23. 5. 2010, 11:40:49
johnl:
protože floatuješ a nemáš vyclerováno. |
||
| johnl Profil |
#11 · Zasláno: 23. 5. 2010, 11:45:09
panther:
„floatuješ“ Ale když nebudou mít prvky float tak se mi rovnají pod sebe.. |
||
| panther Profil |
#12 · Zasláno: 23. 5. 2010, 11:47:50
johnl:
dočti si konec, co jsem psal dál. To samé by ses dočetl i v Plaváčkově prvním odkazu. |
||
| Bubák Profil |
#13 · Zasláno: 23. 5. 2010, 11:51:44 · Upravil/a: Bubák
Čistič (cleaner) udělej z <div id="footer"></div>, nemusíš tam přidávat další element.
panther: Moje magická koule funguje skvěle, předpověděla "problém" s chybějícím čističem ještě dříve, než to [#9] johnl zkuil. |
||
|
Časová prodleva: 14 let
|
|||
0