Autor Zpráva
M4rekX
Profil *
Mam problém, robím web 3 stlpcovy, cele cez CSS a:

Neviete mi poradit ? alebo ak by niekto mal čas napisal mi prazdnu šablonu na takyto 3 stlpcovy layout ?

PS: a ide o to aby patička bola uplne naspodu aj v FF,Opere aj IE :)
S pozdravom M4rekX vopred Dík...
Miloš
Profil
V lenosti alesponě ve zkratce http://css.interval.cz/layouty/
Miloš
Profil
Jo a jeden postarší ode mě: http://pokusna-krysa.webpark.cz/3sloupce/index.html
Chamurappi
Profil
Reaguji na M4rk4X:
Obrázky jsou k ničemu. Jestli chceš konkrétní radu, potřebujeme odkaz.
Railbot
Profil
M4rekX
Patičce dej clear:both, ať se ve FF, Opeře a ostatních zarovná pod plovoucí sloupce.

A toho co chceš dosáhneš tak, že nějakému prvku, který obaluje všechny 3 sloupce dáš pozadí, které bude simulovat stejně dlouhé sloupce. To je pro tebe asi nejlepší řešení.
imploder
Profil
Takže vlastně verze "Takto to potrebujem" je v CSS neuskutečnitelná, dá se jenom zařídit, aby nebylo vidět, že sloupce nejsou všechny stejně dlouhé.
Bubák
Profil
dá se jenom zařídit, aby nebylo vidět, že sloupce nejsou všechny stejně dlouhé
Co oko nevidí, to srdce nebolí.
Chamurappi
Profil
Reaguji na Bubáka:
Oko vidí, že sloupce ve skutečnosti nejsou stejně dlouhé. Vidí, že stejně dlouhá jsou jen pozadí sloupců.
tomas3333
Profil
sa spytam, neviem, ci by to fungovalo, ale keby tie tri stlpce boli v jednom dive a potom by sme zistili javascriptom jeho vysku a nastavili ju pre vsetky divy, to by nefungovalo?
Miloš
Profil
tomas3333
Máš ve zvyku drbat se levou nohou za pravým uchem?
tomas3333
Profil
nemam, to bola otazka do diskusie, keby tam nechcel mat tie obrazky... nehovorim, ze by som to pouzil..
Railbot
Profil
tomas3333
Fungovalo. Ale je to pitomost. Udělej to s tím pozadím, nepotřebuješ je stejně dlouhé, potřebuješ jen aby to tak vypadalo.
M4rekX
Profil *
Díkes za navrhy, skusim radu od Miloša nejako využit v prospech riešenia mojho problému.

Railbot dal som clear: both; a nič stale to mam tak ako to mam tuna naznačene
A to s tym pozadím ktore sa bude opakovat ma napadlo po tom ako som odoslal príspevok ze mam problém ale díky za TIP ;)

Toto je moj Footer:
#footer {
    width: 1022px; 
    height: 54px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    background:url("../images/footer_bg.gif");
    text-align: left;
    clear: both;
	}	


Takto vypada to s tymi stlpcami a pozadím:
#layout_content {
    width: 1022px; 
	height: 100%;
    min-height: 100%;
    position: static;
    background:url("../images/bg_content.gif") repeat-y;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding-bottom: 54px;
	}

#left_panel {
        width: 207px;
	height: 100%;
	min-height: 100%;
        text-align: center;
	display: block;
	float: left;

	}

#content {
    width: 608px;
	height: 100%;
	min-height: 100%;
        text-align: center;
	display: block;
	float: left;
	}
	
#right_panel {
        width: 207px;
	height: 100%;
	min-height: 100%;
	text-align: center;
	display: block;
	float: left;
	}


No a ešte tam mam horizontalne menu a nad tym Hlavičku v ktorej je (LOGO a LOGIN Polia)

A celé to je v takomto:

html, body {
   background: #eaf1fb;
   color: #131414;
   text-align: center;
   margin:0;
   padding:0;
   height: 100%;
   }

#sablona {
        width: 1022px; 
        height: 100%;
        min-height: 100%;
        _height: 100%; /* IE */
        position: relative;
	margin: 0 auto;
	text-align: center;
        border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}

body>#sablona {
 height: auto;
 }	


Tomas3333 - JavaScriptami to nechcem riešit
M4rekX
Profil *
Vedel by mi niekto poradit nejaku fintu aby mi to zožralo aj FF aj Opera ?
Railbot
Profil
M4rekX
A patička je proč pozicovaná absolutně? To pak nějaký clear samozřejmě nemá žádný vliv.
M4rekX
Profil *
Railbot - díííkes za upozornenie ;) už to funguje!

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0