Center Div CSS layotu

redman · Napísal **redman**: 10.01.2007 20:42

Caute potreboval by som zarovnat (center) layout stranky vytvoreny pomocou
div a CSS.
riesil som to takto a ide to len v FF a IE nic:

Kód:

<body>
<div class="center">

<div class="top">hlavicka</div>
<div class="top-banner">banner</div>   

<div class="stlpec">
       <div class="lavy-stlpec">menu</div>
       <div class="pravy-stlpec">main</div>
</div>

<div class="bottom">pata</div>
</body>

class center:

Kód:

.center { 
width: 700px;
height: 600px;
margin: 0px auto;
} 

ostatne triedy si asi domyslite...

dakujem vopred

mylan · Napísal **mylan**: 10.01.2007 21:06

Kód:

body {text-align: center;}

redman · Napísal autor témy **redman**: 10.01.2007 21:10

diki ale potrebujem zarovnat cely layout a nie len text..

Leachim · Napísal **Leachim**: 10.01.2007 21:12

Kód:

.center { 
width: 700px; 
height: 600px; 
margin: 0 auto 0; 
position: relative;

}

redman · Napísal autor témy **redman**: 10.01.2007 22:14

No opera a FF uz ide ale IE stale v lavo zarovnane

Leachim · Napísal **Leachim**: 10.01.2007 22:18

ja to používam takto:

Kód:

#stranka {  
      width: 790px;
      position: relative; 
      margin: 0 auto 0; 
      padding: 0;
}

a v kóde je

Kód:

A funguje všade

BTW: z IE si halvu nerob, je to mrkvovský výrobok a oni sa nemusia riadiť pravidlami W3C, ktorými sa riadia všetky ostatné prehliadače :filth:

exot · Napísal **exot**: 10.01.2007 23:18

kukni moje zdrojaky z

Kód:

http://exodesign.net/content/projects/spam

napr., tam to mam poriesene

mylan · Napísal **mylan**: 11.01.2007 1:06

redman píše:

diki ale potrebujem zarovnat cely layout a nie len text..

To však bolo na vystrednenie layoutu pre IE

Kód:

body {text-align: center;}

- toto ti v IE DIV na stred zarovná, pretože IE berie text-align aj zarovnanie DIVu na stred, potom si už písmo v tom dive zarovnáš ako chceš, kľudne nastavíš danému divu zarovnanie naľavo. Pre Operu a FF treba použiť, ako máš napísané:

Kód:

.center {margin: 0 auto;}

redman · Napísal autor témy **redman**: 11.01.2007 12:32

Aha jasnee, diki moc

Center Div CSS layotu

Podobné témy