CSS vertical center · Internet Mojster

431375274

31. jan 2013 ob 17:50

Zdravo!

Imam div, katerega bi rad centiral točno na sredino ekrana ne glede na velikost okna. Dosegel sem, da se prilaga po horizontali, rad bi pa da se tudi po vertikali. Trenutno imam narejeno takole:

html,body{
    height:100%;
    background-image:url(images/bg.jpg);
    background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;

}

#content {
  width: 1011px ;
  height:616px;
  margin-left: auto ;
  margin-right: auto ;
  background-image:url(images/okvir.png);
  background-repeat:no-repeat;

}

<body>
<div id="content">test</div>
</body>

Rezultat je na spodnji sliki, moral bi pa biti plav okvirček na centriran na sredino.

Hvala za pomoč!

1207

spletne strani css

Draganche

24923619819

31. jan 2013 ob 17:54

okoli contenta še #container naredi

1

Mešetar

15431945962114

31. jan 2013 ob 18:05

preberi si kak tutorial kako vertikalno centrirat elemente, prijemov je vec...

ena varianta je, da das containerju (wrapperju) display: table-cell in pol das vertical-align: middle;... pol imas varianto, da das inline-block; pa line-height: isti kot je visina conteinerja... je pa to zlo tezko, ce nimas fiksne visine..

kar pobrskaj po netu...

drgaci pa ko imas kako kodo, je najbolje da fliknes v jsfiddle.net

1

Javornik

431375274

31. jan 2013 ob 19:16

Pohvalil bi uporabnika Draganche, ki mi je hitro in strokovno pomagal in rešil težavo!
Hvala tudi Mešetarju za nasvete.

2

CSS vertical center

3 naročniki

3 odgovori

CSS vertical center 3 naročniki

3 odgovori

CSS vertical center

3 naročniki