Layout

Potřebuju vytvořit klasický layout:
logo (nahore), menu (vlevo), hlavní obsah (vpravo) a paticku (dole)

To by bylo jednoduché, ale šlo by v css nadefinovat, že celá stránka bude zarovnaná na střed a budou použity pouze dole 4 zmíněné divy?

<div id="logo"></div>
<div id="menu"></div>
<div id="main"></div>
<div id="paticka"></div>

Děkuji.

imho ne

Možná každý div pozicovat absoluntně jako např.:

#logo { position:absolute;
left:50%;
margin-left:-400px;
width:800px }

imho neni duvod proc by to jit nemelo

html, body { margin: 0px auto; text-align: center; }

tim se ti hodi stranka na prostredek a pak uz normalne nadefinujes menu a to ostatni

a vsechno to de relativne, absolut poziciovani je zbytecny

fx: ve ff to tvoje řešení imho vycentrované nebude. margin: auto musíš pro ff dát tomu prvku, který má být na prostředku

a body (a/nebo html) neni element stranky? a funguje to v ie i v ff. opera nevim

ukazka: http://fx.xf.cz/layout.html

Mám to uprostřed v Opeře 8.5, FF 1.0.6 a IE 6.

ja vim ze se to nekomu muze zdat divny, ale on de poziciovat i prvek body, zrovna tak prvek html

vidi se to malokde, ale je to docela uzitecny. neni potom zapotrebi ouzivat obalovej div, aby se stranka zarovnala na stred.

html se da pozicovat? To musim zkusit...

html se da pozicovat? To musim zkusit...
no, cosi to dela...
prvek body, jsem teda formatoval mockrat, ale html... chm, chm, chm....
nic mene mi to pres prsty moc nejde....

k puvodnimu tematu, podle me to jde...
hlavicka a paticka bude sirky velike a clear: both;
menu, pokud ma byt vlevo od main, tak tam se pouzije neco jako float left a main pos absolute s okrajem, proste std... viz nejake to jpw nebo pixy nebo tak.

ad menu a main:

menu - float:left; width: neco;

a main - margin-left: neco ( + mezera)

IMHO trochu lepsi reseni nez absolutne poziciovat main

fX:
moc díky

fx, jo, tak nejak...

← Zpět na všechna témata

Nové příspěvky

Smazani stranek index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu

Další témata

Webzdarma zvládnete to sami

Layout

Nové příspěvky