3 stĺpcový layout – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

3 stĺpcový layout – CSS – Fórum – Programujte.com3 stĺpcový layout – CSS – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
Onsi0
Stálý člen
27. 12. 2007   #1
-
0
-

mám stránku v tvare hlavička, 3 stĺpce a petička. Stĺpce majú minimálnu výšku 550px, no výška stredného závisí od obsahu. A tu mi vzniká problém. Dá sa v css nejako nastaviť, že keď mám stredný stĺpec napríklad 800px tak nech aj krajné natiahne podľa stredného???

Nahlásit jako SPAM
IP: 91.127.11.–
Reklama
Reklama
Petroff0
Věrný člen
27. 12. 2007   #2
-
0
-

Jde o to, co se má v těch sloupcích natáhnout.
Výšku, tj. height těch sloupců umí přizpůsobit jen JS (to by byl případ, kdybys měl třeba orámování kolem krajního sloupce).
Ale pokud by ses spokojil s protažením barvy/obrázku na pozadí, tak to jde za pomoci CSS.
1. background-image: viz Dan Cederholm: faux columns =falešné sloupce (zagoogli)
2. background-color:

<h1 id="hlavicka">XXXXXXX</h1>


<div id="telo">
<div id="lavyobsah">XXXXXXX</div>
<div id="stredobsah">XXXXXXX</div>
<div id="pravyobsah">XXXXXXX</div>
</div>

<div id="paticka">XXXXXXXXXX</div>
---------------------------------------
#telo {overflow:hidden}
#lavyobsah,#stredobsah,#pravyobsah {
padding-bottom: 22222px;
margin-bottom: -22211px;
}
#paticka {position:relative} /* quli IE */

Nahlásit jako SPAM
IP: 89.102.96.–
Paja2
~ Moderátor
+2
Věrný člen
Nahlásit jako SPAM
IP: 88.146.215.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 12 hostů

Podobná vlákna

3 layout — založil Steeta

Layout — založil Nicolas

Layout — založil darkerboy

Layout — založil Honza

Chybný layout? — založil Zeleny_Muzik

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý