Autor Zpráva
Chingiskan
Profil *
#1 · Zasláno: 5. 5. 2007, 16:32:10
Odpovědět Citovat
Dobrý den,
řeším známý problém. Mám layout s dvěma sloupci a potřebuji je mít oba stejně vysoké. Prolezl jsem tu fórum tam a zpět a našel spusty návodů, jenže ani jeden se mi nepovedlo aplikovat na můj kód. Mohli byste mi prosím poradit, kam přesně přijde ten clear? Děkuji. 


<div align="center">

  <div style="width: 770px">

		<div id="hlavicka">		

  		   <div id="menu">

                   ...

                   </div>

		</div>	



		<div id="levy">

               ...

		</div>

		

		<div id="obsah">

		...

		</div>

		

		<div id="paticka">

	        ...

		</div>

		

  </div>

</div>
Petr Tichý
Profil
#2 · Zasláno: 5. 5. 2007, 16:40:57
Odpovědět Citovat
Clear by si měl dát zřejmě mezi obsah a patičku. Ale těžko soudit bez stylopisu.

A toto vyhoď: <div align="center"> a nahraď to zápisem" margin: 0 auto;".
Chingiskan
Profil *
#3 · Zasláno: 5. 5. 2007, 16:49:16
Odpovědět Citovat
Petr Tichý
Zkusil jsem tam vložit <div style="clear: both"></div>, ale bez úspěchu. Abych pravdu řekl, už jsem vyzkoušel všechny pozice v html dokumentu. Třeba je špatně CSS, už fakt netuším. Stylopis přikládám:

#hlavicka{float:left; width:770px; height:222px; background-image:url(images/logo.jpg);}
#menu{float:left; top: 180px; position:relative;}
#levy{float:left; width: 146px; background-image:url(images/bg_leva.jpg); background-repeat:repeat-y;}
#obsah{float:right; width: 624px; background-color: #FFDD00;}
#paticka{float:left; width: 770px; height: 43px; background-image:url(images/paticka.jpg);}
Petr Tichý
Profil
#4 · Zasláno: 5. 5. 2007, 16:54:22
Odpovědět Citovat
Chingiskan
Proč prosímtě plave třeba hlavička? Menu? Patička?

http://wellstyled.com/css-2col-fluid-layout.html
Chingiskan
Profil *
#5 · Zasláno: 5. 5. 2007, 17:06:41
Odpovědět Citovat
Petr Tichý
Už neplave. Moje chyba, jenže problém mi to neřeší. Na ten odkaz jsem narazil cca před hodinou, ale nedokázal jsem ho aplikovat do mého layoutu. To je můj problém, proto sem píšu ;-)
Chingiskan
Profil *
#6 · Zasláno: 6. 5. 2007, 09:59:00
Odpovědět Citovat
A toto vyhoď: <div align="center"> a nahraď to zápisem" margin: 0 auto;".
V tom případě ale nemám stránku vycentrovanou a šoupne se mi doleva. Spíše mě ale trápí první problém, můžete prosím pomoci?
Petr Tichý
Profil
#7 · Zasláno: 6. 5. 2007, 10:02:30
Odpovědět Citovat
Chingiskan
V tom případě ale nemám stránku vycentrovanou a šoupne se mi doleva.
Těžko. Aplikoval si to blbě. <div align="center"> nahraď za <div style="margin: 0 auto;"> a mělo by to fungovat.

Nemáme tady zdrojový kód a i kdyby tady byl, tak se mi nebude chtít ho číst. Vytáhni si kód od Pixyho z toho ukázkového řešení a zkus si ho upravit podle sebe. Možná docílíš lepších výsledků než v opačném pořadí.
Chingiskan
Profil *
#8 · Zasláno: 6. 5. 2007, 10:22:16
Odpovědět Citovat
Petr Tichý
OK, děkuji za radu, jenže když použiju cizí kód, tak těžce pochopím, kde mám chybu. Lépe řečeno nepochopím a za měsíc sem budu psát znovu.
Petr Tichý
Profil
#9 · Zasláno: 6. 5. 2007, 10:22:43
Odpovědět Citovat
V tom případě si kup knížku CSS: Hotová řešení.
Chingiskan
Profil *
#10 · Zasláno: 6. 5. 2007, 10:25:03
Odpovědět Citovat
:-)
Petr Tichý
Profil
#11 · Zasláno: 6. 5. 2007, 10:32:29
Odpovědět Citovat
Vážně. Bude se ti líbít ;o) Všechno co by si mohl potřebovat v ní najdeš.
Chingiskan
Profil *
#12 · Zasláno: 6. 5. 2007, 10:47:16
Odpovědět Citovat
Knížku mám doma, ale ani ta můj problém nevyřešila. Tím pádem jsem asi ... no nic. Vytáhnu zastaralý kritizovaný tabulkový layout.
Petr Tichý
Profil
#13 · Zasláno: 6. 5. 2007, 10:50:00
Odpovědět Citovat
Fakt máš tuto knížku doma? Tak si ji asi nečetl. Tam je opravdu vše co potřebuješ.

Na tabulky se *****. (cenzuru jsem si dělal sám :o))
Chingiskan
Profil *
#14 · Zasláno: 6. 5. 2007, 10:52:46
Odpovědět Citovat
Fakt. A fakt jdu do tabulek a tomuhle se holt budu věnovat později. Jinak díky za rady ;-)
Petr Tichý
Profil
#15 · Zasláno: 6. 5. 2007, 10:53:52
Odpovědět Citovat
Neni zač.
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0