Autor Zpráva
jany
Profil
zdravim,
stiahol som si layout z http://www.code-sucks.com/css%20layouts/ konkretne http://www.code-sucks.com/css%20layouts/fixed-width-css-layouts/4-column-css-layouts/fw-45-4-col/ a chcel by som si ho trocha upravit, ale nedari sa mi.
Potreboval by som header, navigation a footer dat na sirku 100% tak to som dosiahol, ze som u spominaych elementov nastavil width na 100% (+ wrapper 100%).
Dalsie 4 stlpce to samozrejme hodi na lavo a ja by som ich chcel mat centrovane. Tak som si vytvoril dalsi element, ktorym som tieto 4 stlpce obalil a float som nastavil na center, ale to bohuzial nefunguje (float right a left funguju, ale center nie).
Ako by sa to dalo inak vyriesit ?
thx
Trejpa
Profil
jany:
Zkus sem dát odkaz na stránku, která nefunguje. Z fungujících stránek a obecného popisu chybu nevyčteme.

Vlastnost float nenabývá hodnoty center. Vodorovné centrování se obvykle provádí na obalujícím (jednom) bloku pomocí margin: auto;, blok musí mít nastavenu šířku.
jany
Profil
Tak skusim este raz, original ukazka, ktoru som stiahol je tu http://jany.ic.cz/test/
A co by som chcel dosiahnut:
Potrebujem roztiahnut na celu sirku, header, navigation a footer.
Dalej vsetky 4 stlpce by som chcel mat vycentrovane
Urobil som to tak ze v css subore som zmenil width na 100% u wrapper, header, navigation a footer.
Samozrejme tie 4 stlpce lavy, lavy stredny, pravy stredny a pravy mi zarovnalo do lava.
V css som si vytvoril dalsi element s nazvom inside a v html dokumente som nim obalil tie 4 stlpce lavy, lavy stredny, pravy stredny a pravy. Dal som mu sirku 930px a ako uvadzas na centrovanie som pouzil margin: auto;.
Teraz sa to centrovalo na stred, ale nerozumiem, preco ten moj novy element inside, je pod vsetkymi blokmi (header, navigatin (chcel som, aby bol len pod 4mi stlpcami)).
A dalsia vec je, ze tie 4 stlpce som chcel mat fixovane, aby pri zmensovani okna horizontalne boli vzdy vedla seba.
Tu je dalsi odkaz co som vystrojil :) http://jany.ic.cz/test1/
Nejak sa mi to nedari
PS alebo ako vytvorit to co chcem hlavicka a navigacny panal na 100%
4 stlpce pozicovat na stred a aby boli fixovane.
A footer tak tiez na 100%
pavuk
Profil
<div id="wrapper"> má nastavenou šířku 100%, tím pádem se nemá jak vycentrovat když je přes celou stránku. Zadej mu konkrétní šířku. Pak stačí si už jen pohrát s paddingem a správnou šířkou sloupců. Co myslíš slovy ...a aby boli fixovane mi není jasný
jany
Profil
Kedze si neviem sam napisat taky layout, tak skor si vyhladam uz napisany a potom sa ho snazim upravit, ale nie vzdy sa mi to podari.
Ak si wrapper nastavim na urcitu sirku, tak to asi nebude fungovat. Kedze rozny OS ma nastavene rozne rozlisenie monitora.
Mojim cielom je toto:
header, navigation a footer by mali byt nastavene na 100% ( v pripade ak klient meni velkost okna horizontalne).
Tie 4 stlpce, ktore tvoria vnutro stranky, tak by mali mat pevnu sirku napr. po 150px a mali by byt centrovane na stred.
To fixovanie som myslel tak (citujem z prispevku #3) "A dalsia vec je, ze tie 4 stlpce som chcel mat fixovane, aby pri zmensovani okna horizontalne boli vzdy vedla seba. "
RockFire
Profil
Wrapperu nech 100%, obal sloupce jedním <div>em, nastav mu šířku a margin:auto;
jany
Profil
Ved to je prave ten priklad http://jany.ic.cz/test1/ a obalujuci div neobaluje stlpce, je sice centrovany, ale vid danu ukazku
pavuk
Profil
jany:
a obalujuci div neobaluje stlpce, je sice centrovany, ale vid danu ukazku
není pravda, jednotlivý sloupce <div id="leftcolumn">, <...leftmiddle...atd> obaluje <div id="wrapper">, kterej má nastavenou šířku přes celou stránku, width="100%", takže ho nelze vycentrovat
jany
Profil
Myslel som obalujuci <div id="inside">
jany
Profil
Skusil som css layout generator a trochu som to upravil a vysledok je tu islo mi vlastne o 4 stlpce a ich pevnu sirku (aby sa pri horizontalnom zmensovani okna nedeformovali) a uz spominane (hlavicka a paticka width na 100%).
Samozrejme header a foter mozem vyhodit, alebo pouzit na nieco ine

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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