Autor | Zpráva | ||
---|---|---|---|
mokatahiii Profil |
#1 · Zasláno: 8. 5. 2008, 00:07:01
Ahoj, v IE se mi nevim proc schovava div .obsah, nevite proc?
http://matata.wz.cz css: /*základ*/ body { font-family:Tahoma,Courier,monospace; font-size:small; } /*Nadpisy*/ h1 { font-size:xx-large } h2 { font-size:x-large } h3 { font-size:large } h4 { font-size:medium } a { color:#3E5480 } a:hover { color:#FFBF4A } /*layouty*/ .obalovaci { border-left:1px #3E5480 solid; border-right:1px #3E5480 solid; background-color:#edf2fd; background-color:#fefeda } .kontejner { width:800px; margin:0 auto; clear:both } .hlavicka { height:188px; width:100%; background-image:url('../image/hlavicka.jpg'); border-bottom:5px #3E5480 solid } .menu { width:190px; float:left; padding: 5px 5px 5px 5px } .hlavni { margin-left:200px; padding: 5px 5px 5px 5px } .paticka { height:auto; width:100%; background-color:#3E5480; background-repeat:repeat-y; text-align:center; clear: both } /*menu*/ .kategorie { font-weight:bold; font-size:medium; text-transform:uppercase; text-align:center; background-image:url('../image/menu-kategorie.jpg'); background-position:center; height:25px; padding-top:5px; color:#FFBF4A } .menu_polozka { border-left:3px #3E5480 solid; border-right:3px #3E5480 solid; border-bottom:1px #3E5480 solid; padding:5px 0 0 5px; text-align:center; background-color:#C3D9FF; font-weight:bold } a .menu_polozka { text-decoration:none } a:hover .menu_polozka { background-color:#edf2fd; color:#3E5480; text-decoration:none } .menu_polozka_posledni { border-left:3px #3E5480 solid; border-right:3px #3E5480 solid; border-bottom:3px #3E5480 solid; padding:5px 0 0 5px; text-align:center; background-color:#C3D9FF; font-weight:bold } a .menu_polozka_posledni { text-decoration:none } a:hover .menu_polozka_posledni { background-color:#edf2fd; color:#3E5480; text-decoration:none } /*obsah*/ .nadpis { background-image:url('../image/obsah-nadpis.jpg'); font-weight:bold; font-size:medium; text-transform:uppercase; text-align:center; height:25px; padding-top:5px; color:#FFBF4A } .obsah { border-left:3px #3E5480 solid; border-right:3px #3E5480 solid; border-bottom:3px #3E5480 solid; padding:5px 0 0 5px; background-color:#edf2fd } |
||
Lexter Profil |
#2 · Zasláno: 8. 5. 2008, 01:53:44 · Upravil/a: Lexter
Ahoj, co jsem se díval do htmlka, trošku jsem se zděsil a být tebou bych na to šel trochu jinou cestou. Zkus se podívat na tenhle obrázek.
Kdy div obal vystredis pomoci margin: 0 auto; a nastavis mu pevnou sirku. Do tohoto divu pak umísti všechno ostatní. Do hlavicky klasicky umistis jen ten obrazek treba se zastupnym textem. Divu levy-sloupec taky nastav sirku a floatni ho doleva: float: left; Div obsah dopln zbylou sirkou a taktez ho floatni doleva nebo i doprava (pak to bude mit tu vyhodu, ze jej v kodu muzes umistit nad div leveho-slouopce). Pod to vse hod odstavec ktery nastylujes jako paticku. Já myslím, že by to mohla být lepší cesta než se štvát s layoutem plným divů u kterého pomalu nikdy nevím co co udělá, když něco změním. Sic jsem neporadil s konkrétním problémem. Tak trochu to možná vidím na: .hlavni { margin-left:200px; padding: 5px 5px 5px 5px } Nechápu totiž smysl tohoto zápisu a imho by to mohlo způsobovat zmíněné problémy. Nejsem ale kodér, tak si nejsem jist. |
||
Chamurappi Profil |
#3 · Zasláno: 8. 5. 2008, 02:13:18
Reaguji na mokatahiii:
Nastav pro <div class="hlavni"> position: relative. Mimochodem, ten kód není zrovna moc hezký, všude samý <div> (do očí bije <div class="nadpis">). Doporučuji nastudovat něco o sémantice. |
||
Časová prodleva: 16 let
|
0