Autor Zpráva
machu
Profil
Je to trapas vím už je to ostravne ale řídil jsem se podle tohoto http://tiso.wz.cz/articles/vycentrovanie-obsahu-stranky.php a nic muj web je zde http://www.animal-portal.ic.cz
Railbot
Profil
Nepoužívej absolutní pozicování.
machu
Profil
jj dik
Str4wberry
Profil
Reakce na macha:
… nebo zkus přidat pro div#all position: relative.
machu
Profil
nic asi pujdu skocit z okna :D
Miloš
Profil
machu
nic asi pujdu skocit z okna :D
Jak to říká Dr Vlach ve filmu Saturnin tetě Kateřině? „Neskákejte … je to nízko.“
machu
Profil
:D ok tak zkratuju PC lol ja už fakt netiším zksuil jsem snad všechno na kotel zdrojaku jsem mrknul ale jesltli tu je k dispozici muj


<body>

<div id="all">
<div id="Layer1"><?php include "head.php";?></div>
<div id="Layer2">

<h1>Animal-portál</h1>

</div>
<div id="Layer3"><?php include "menu.php";?></div>
<div id="Layer4"></div>
<div id="Layer5"><?php include "paticka.php";?></div>
</div>
</body>



#Layer1 {
position: fixed;
left:auto;
top:30px;
width:695px;
height:156px;
z-index:1;
}
#Layer2 {
position:fixed;
top:191px;
width:508px;
height:353px;
z-index:2;
}
#Layer3 {
position:absolute;
top:175px;
width:133px;
height:346px;
z-index:3;
left: 893px;
}
#Layer4 {
position:absolute;
left:842px;
top:172px;
width:37px;
height:347px;
z-index:4;
background-image: url(images/home_04.jpg);
background-repeat: repeat-y;
}
#Layer5 {
position:static;
left:451px;
top:793px;
width:576px;
height:96px;
z-index:5;
}
body {
text-align: center; /*vycentrovanie pre IE*/
}

#all {
width: 760px; /*šírka layoutu*/
text-align: left; /*zrušenie vycentrovania textu*/
margin: 0 auto; /*vycentrovanie v ostatných prehliadačoch*/
position: relative.
}


ty position jsou trochu royru3ene jak jsem ykou3el r;yn0 mo6nosti pros9m mrkn2te se na to n2kdo
mariett44
Profil
Problem je v obrazku co mas v hlavicke. Vsetko ti centruje, tak ako ma. Ked orezes ten biely okraj vlavo na obrazku v hlavicke a zmenis sirku layer2 podla obrazka, mas po probleme. Inak tvoje css sa da zredukovat do tohto:

body {
 text-align: center; /*vycentrovanie pre IE*/
}

#all {
 width: 760px; /*šírka layoutu*/
 text-align: left; /*zrušenie vycentrovania textu*/
 margin: 0 auto; /*vycentrovanie v ostatných prehliadacoch*/
 }

#layer1 {

}

#layer2 {
width: 582px; /* sirka podla orezanej hlavicky */
border-right: solid 4px #000; /* vertikalna cierna ciara */
float: left; /* sposobuje, ze menu (teda element nachadzajuci sa za divom layer2) bude zacinat na rovnakej urobni ako text obsahu */
padding-right: 15px;/* nastavuje vzdialenost medzi textom layera2 a vertikalnou ciarou */
}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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