Domov > HTML/CSS in dizajniranje spletnih strani > CSS vertical center
stran 1 od 1 |< < 1 > >|
CSS vertical center
 
Javornik 31. jan 2013 16:50:25 Pridružen od:
15. jun 2010
431 objav
 375 27 4
#1

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č!


všeč(0) ni všeč(0) spam(0)
 
 
Draganche 31. jan 2013 16:54:35 Pridružen od:
23. maj 2012
249 objav
 236 198 19
#2

okoli contenta še #container naredi


všeč(1) ni všeč(0) spam(0)
a-v produkcija, oblikovanje design, profesionalno fotografiranje (studio, izbrana lokacija) poslovanje preko podjetja, plačila tudi preko paypal.
 
 
Mešetar 31. jan 2013 17:05:42 Pridružen od:
24. nov 2010
1543 objav
 1945 962 114
#3

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


všeč(1) ni všeč(0) spam(0)
**Mešetar.com: Napredni spletni oglasnik**
Skupinski popusti - Izdelava spletne trgovine
 
 
Javornik 31. jan 2013 18:16:47 Pridružen od:
15. jun 2010
431 objav
 375 27 4
#4

Pohvalil bi uporabnika Draganche, ki mi je hitro in strokovno pomagal in rešil težavo!

Hvala tudi Mešetarju za nasvete.


všeč(2) ni všeč(0) spam(0)
 
 
Domov > HTML/CSS in dizajniranje spletnih strani > CSS vertical center
stran 1 od 1 |< < 1 > >|
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se