Autor Zpráva
Akacko
Profil
#1 · Zasláno: 12. 6. 2007, 16:33:37
Odpovědět Citovat
mam dva divy, druhy je vnořen do prvniho. Druhy div je širší jak ten první a chci ten druhy vycentrovat, tak aby přesahoval vlevo i vpravo stejně. viz maly náhled:



jake styly mam použit pro druhy div?
Taps
Profil
#2 · Zasláno: 12. 6. 2007, 17:03:30
Odpovědět Citovat
Akacko
Nejsem zase v css takový odborník ale řekl bych že by jsi to mohl nastavit pomocí vlastnosti margin. Černému divu nastavíš menší margin a pak si upravíš ještě jeho šířku.
Akacko
Profil
#3 · Zasláno: 12. 6. 2007, 17:30:00
Odpovědět Citovat
to jsem trochu nepochopil. když černemu divu nastavim nějaky margin (třeba 0), tek se mi zarovna ke kraji divu bez_headru ktery drži cely web pohromadě.
Zatim to mam takhle: 

1
2div#cele div#bez_headru div#stred{//šedy obdelnik
3    width: 730px; //doopravdy ten šedy ma svoji šiřku 688px
4    margin: 0px auto 0 auto;    
5    background: url(images/stred_bg.gif) repeat-y center;
6    
7}
8 
9div#cele div#bez_headru div#stred h2{//ten černy obdelnik
10    width: 730px;
11    height: 47px;
12    background: url(images/nadpis_h2.gif) no-repeat;
13    margin: 0px 0px 0px 0px;
14    color: White;
15    font-size: 16px;
16    text-align: center;
17    padding-top: 15px;
18}

div#cele div#bez_headru div#stred{//šedy obdelnik
    width: 730px; //doopravdy ten šedy ma svoji šiřku 688px
    margin: 0px auto 0 auto;    
    background: url(images/stred_bg.gif) repeat-y center;
    
}
 
div#cele div#bez_headru div#stred h2{//ten černy obdelnik
    width: 730px;
    height: 47px;
    background: url(images/nadpis_h2.gif) no-repeat;
    margin: 0px 0px 0px 0px;
    color: White;
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
}


vše funguje OK, až na to že se mi text, ktery mam v div#stred, se zarovnava k okraji černeho (h2)
Jiří Baloun
Profil
#4 · Zasláno: 12. 6. 2007, 21:29:57
Odpovědět Citovat
Tento způsob mi však přijde čistčí: 
1<div id="sedy">
2<div>cerny</div>
3sedy
4</div>
<div id="sedy">
<div>cerny</div>
sedy
</div>



#sedy {background:#ccc;width:200px;height:120px;padding:10px 0 0 0}
#sedy div {background:#000;width:220px;position:relative;height:30px;margin:0 -10px 0 -10px}
#sedy {background:#ccc;width:200px;height:120px;padding:10px 0 0 0}
#sedy div {background:#000;width:220px;position:relative;height:30px;margin:0 -10px 0 -10px}
Akacko
Profil
#5 · Zasláno: 12. 6. 2007, 21:46:48
Odpovědět Citovat
Jiří Baloun
diky
Časová prodleva: 18 let
Toto vlákno je staré, již dlouho do něj nikdo nepřispíval.

Informace a odkazy zde uváděné už nemusejí být aktuální. Nechcete-li řešit zde uvedenou konkrétní otázku, založte si vlastní vlákno, nepište do tohoto. Vložíte-li sem nyní příspěvek, upoutáte pozornost mnoha lidí a někteří z nich si jen kvůli vám přečtou i všechny předcházející příspěvky. Předpokládáte-li, že váš text skutečně bude hodnotný, stiskněte následující tlačítko:


Běda vám, jestli to bude blábol.

0