Autor Zpráva
Bulva
Profil
Dobrý den,
Jsem začátečník co dělatmá za sebou asi dva weby. Snažil jsem se udělat web tímhle stylem http://keramika-zkouska.ic.cz/ uprostřed jakoby celá, aby člověk nemusel rolovat, ale narazil jsem na problém. Při různém rozlišení se mi menu posune, myslel jsem že tomu předejdu když udělám pozici v procentech, ale nejde mi to ani tak.

Teď nevím jestli je to kvuli tom pozadí, že se roztáhne a menu je v podstatě furt stejně a posune se pozadí, a nebo jestli se posune menu.

Pokud by to bylo pozadím tak bych prosil zároveň i o radu, jak udělat ten střed přes div, aby tam zůstal ten stín.

Tady je stylopis, kód získáte ze stránky:

 html, body {margin:0; padding:0; background-color: white;}
#stred {background-image: url('keramika_pozadi_prolnuti3.jpg'); z-index:2; position: absolute; width: 100%; height: 100%; background-repeat:no-repeat; background-position: center; }
#onas  {z-index: 3; position: absolute; width: 140px; height: 25px; left: 21%; top: 7.5%;}
#nabidka {z-index: 3; position: absolute; width: 140px; height: 25px; left: 21%; top: 11.5%;}
#cenik {z-index: 3; position: absolute; width: 140px; height: 25px; left: 21%; top: 15.6%;}
#akce  {z-index: 3; position: relative; width: 140px; height: 25px; left: 21%; top: 150px;}
#kontakt {z-index: 3; position: absolute; width: 140px; height: 25px; float: 100px;}


Prosím position: relative a float: 100px si nevšímejte, v zoufalé snaze jsem zkoušel všechno.
Str4wberry
Profil
Rada ohledně správného pozicovaní spočívá v tom, že pozicování nebudeš používat. Sice pořád žádám živé ukázky, ale teď by se hodil obrázek s kýženým výsledkem, protože je to tak rozhozené, že není jasné čeho chceš dosáhnout.
Bulva
Profil
http://provit.cz/ ukazka napriklad zde, chci aby se menu levym okrajem jakoby dotykalo zevnitr bileho okraje
Plaváček
Profil
Bulva

Nevím, zda jsem tvůj záměr správně pochopil, ale podobný layout kdysi řešil můj kolega Michal Malének, viz hezký návod: http://www.malenek.cz/cs/clanky/webdesign/vertikalni-a-horizontalni-centrovani
MajoCQ
Profil
skus nepouzivat absolutne poziciovanie - pouzi margin-left:auto; margin-rigth:auto; text-align:center - na hlavny div a budes to mat v strede
Bulva
Profil
Takze jestli to dobre chapu, tak udelam prostredni div bud metodou malenka, nebo majocq. Porad bych mel ale dalsi dotazy.

Pokud bych chtel, aby bylo menu 2px od okraje stredniho divu, pouziju margin, a kdyz budu chtit aby byli mezi jednotlivymi castmi menu jako je O nás, nabídka atd. udelat odsazeni 1px ve svislem smeru mezi kazdou polozkou, jak toho dosahnu.

Kdyz to udelam pres div uprostred jak mam pak udelat ten stin co tam je, protoze kdyz ten obrazek ulozim tak ma za sebou ten stin pozadi.

Moc Vám všem děkuju, že jste mi tak rychle a hlavně efektvně pomohli.
Yur4Y
Profil
MajoCQ
text-align:center
Aký účel má text-align na blok, ktorý chceme vycentrovať? Je to tam zbytočné a navyše to väčšinou nechcene vycentruje text vnútri.
Bubák
Profil
Aký účel má text-align na blok, ktorý chceme vycentrovať?
Bulva nepoužil DTD, IE bude ve quirku, znáš jinou možnost, jak v IE ve quirku vycentrovat blok?
MajoCQ sice naházel deklarace na jednu hromadu a tím tě zmátnul, přesnější formulace je třeba takto:
V nadřadeném elementu, což je BODY deklaruj text-align:center; /* vycentruje blok v IE (ve quirku) */
DIVu deklaruj margin-left:auto; margin-rigth:auto; text-align:left; /* standardni centrovani bloku a zrusení centrovani */

Klasicý "centrovací odkaz": http://tiso.wz.cz/articles/vycentrovanie-obsahu-stranky.php
Bulva
Profil
Ahojte, malenkova metoda mi ten prostredni div, pri ruznem rozliseni roztahla, coz nechci. Pozadi v zadu se mi roztahuje podle rozliseni, to zatim na netu nemam, ale nechci aby se ten prostredni div roztahoval.

Bubaku, tohle jsem pripsal do kodu:

<div id="div">
</div>
do indexu a tohle do stylopisu

body {text-align:center;}
# div {margin-left:auto; margin-rigth:auto; text-align:left; height: 100%; width: 100%; z-index: 5; background-image: url('div.jpg');}


Ten div se mi ale nezobrazil, mozna tam mam nejakou chybu z nepozornosti, a nebo jsem to spatne pochopil. DIky za odpoved bubaku.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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