Autor | Zpráva | ||
---|---|---|---|
Mat Profil * |
#1 · Zasláno: 8. 3. 2011, 12:53:36
Dobrý den,
snažím se vytvořit 3 sloupcový layout, ale mám problém se třetím sloupcem. Nedaří se mi nastavit mu obtekání tak, aby vždy neposkočil dolů. Dále se snažím udělat aby "levy-sloupec" a "pravy-sloupec" protahovali svoje pozadí a byli stejně dlouhé jako obsah za předpokladu že obsah je pokaždé jinak dlouhý a to už vůbec netuším jak na to." Web http://eldamar.ic.cz/2-sloupce/ CSS http://eldamar.ic.cz/2-sloupce/style.css Děkuji za nápady. |
||
panther Profil |
#2 · Zasláno: 8. 3. 2011, 13:10:28
Mat:
dej všem třem sloupcům levý float, u prostředího tedy odeber ty velké boční marginy. Pozadí se dělá obrázkem na společném rodiči, tedy .obsah , zároveň mu přidej i overflow: hidden , abys ukončil obtékání.
|
||
Mat Profil * |
#3 · Zasláno: 8. 3. 2011, 13:36:49
To jsem předtím taky zkusil, ale vyšlo mi to to samé co teď -> Levy, stredni, a pravy sloupec jsou sice vedle sebe ale paticka a oddelovac pod menu to naprosto rozhodí nesmyslně.
|
||
panther Profil |
#4 · Zasláno: 8. 3. 2011, 14:05:20
Mat:
přečti si ještě jednou celé a pořádně, co jsem napsal v [#2]. |
||
Mat Profil * |
#5 · Zasláno: 8. 3. 2011, 14:26:46
Asi jsem natvrdlej, ale i když asi špatně, tak jsem použil u patičky float, abych to aspon nějak vyčešil.
panther: „dej všem třem sloupcům levý float, u prostředího tedy odeber ty velké boční marginy.“ .levy-sloupec -> má levý float .pravy-sloupec -> má levý float .texty -> má levý float a už nemá marginy |
||
panther Profil |
#6 · Zasláno: 8. 3. 2011, 14:30:55 · Upravil/a: panther
Mat:
v [#5] jsi odcitoval krásně část mého příspěvku. Tu druhou, a podstatnou, která problém řeší, jsi přeskočil. Takže znovu: společnému rodiči, tedy .obsah , přidej overflow: hidden , abys ukončil obtékání.
|
||
Mat Profil * |
#7 · Zasláno: 8. 3. 2011, 14:36:28
To tam mám přidáno hned jak jsi napsal a výsledek stejný.
.obsah { border:0; background-color: #FFFFFF; width:1000px; height: auto; min-height:800px; margin:0px; padding:0px; overflow: hidden; } |
||
panther Profil |
#8 · Zasláno: 8. 3. 2011, 14:41:47 · Upravil/a: panther
Mat:
styluješ .obsah , ale v HTML máš class="Obsah" , proto žádný ze stylů uváděných v [#7] není aplikován.
Min-height vyhoď, ta deklarace je zbytečná. Při nízkém obsahu dělá jen kilometr volného místa. Zbytečně. Height: auto je defaultní hodnota, netřeba ji uvádět... a tudíž ji můžeš též odmazat.
|
||
Mat Profil * |
#9 · Zasláno: 8. 3. 2011, 14:46:41
Stupidní chyba. Omlouvám se, to jsem si mohl zjistit.
Dkuji moc za pomoc. Vyřešeno |
||
Časová prodleva: 13 let
|
0