Ahojky, potřebuju poradit. Moc potřebuji dát web na střed. Ale newím jak to udělat. v style.css mám pozicovám web absolutně. Vím, že to musím pozicovat na střed. Ale když to posunu na střed, tak mi zůstane v tom stejném místě jako předtím černé pozadí "body".. :( Co s tím? klidně sem dám i style, kdyby někdo potřeboval. Prosím o detailní postup :D Děkuji moc. Didllinka :-)
moc tě nechápu, hoď jsem ten style.
já bych se osobně absoultnímu pozicování vyhnul, používal vlastnosti float a tím bych vytvořil design
pokud chceš dát stránku na střed, dělá se to takhle:
v body nastavíš text-align: center a pak zbytek do obalovýho divu, který bude mít určitou šířku a margin-left: auto a margin-right: auto toto řešení je jak pro msIE tak pro Operu a FF.
pokud jsem hodíš ten style, poradíme ti líp
/* CSS Document */
#horni
{background-image: url(img/nadpis4.gif);
width: 619px;
height: 384px;
background-repeat: no-repeat;
position: absolute;
top: 24px;
left: 400px;}
#leve
{width: 139px;
position: absolute;
top: 408px;
left: 310px;
text-align: center;}
#leve .menuhead {
background-image: url(img/o7.gif);
background-repeat: no-repeat;
height: 35px;
font-weight: bold;
font-variant: small-caps;
font-size: 14px;
text-align: center;
padding: 2px ;
color: #fff;}
#prave
{width: 450px;
position: absolute;
top: 408px;
left: 359px;
text-align: center;}
#prave .head {
background-image: url(img/o7p.gif);
background-repeat: no-repeat;
width:450px;
height:40px;
padding-top: 8px;
text-align: center;
font-weight: bold;
font-variant: small-caps;
color: ffffff;
font-size: 16px;}
body
{background-image: url(img/bigbg.gif);
width: 719px;
height: 25px;
background-color: #999999;
background-repeat: repeat-y;
margin: 0px;
font-family: "Comic Sans MS",Tahoma,Georgia,"Sand CE",fantasy ;
font-size: 12px;
color: #ffffff;
scrollbar-3dlight-color : #999999;
scrollbar-arrow-color : #000000;
scrollbar-darkshadow-color : #999999;
scrollbar-face-color : #999999;
scrollbar-highlight-color : #ffffff;
scrollbar-shadow-color : #ffffff;
scrollbar-track-color : #999999;
position: absolute;
top: 408px;
left: 359px;
text-align: center;}
a:link, a:active, a:visited {
text-decoration: none;
color: #999999;}
a:hover {
text-decoration: none;
color: #ffffff;
border-bottom-color: #666666;
border-bottom-style: dashed;
border-bottom-width: 2px;
}
to je to style..
Sice jsem si to CSS nečetl, ale zkus tohle:
celý web zanoř o jednoho elementu, kterému nastavíš:
margin:auto;
position:relative;
a do body přidej
text-align: center;