Centriranje strani vertikalno in horizontalno
Posted by admin in html / css
Večino spletnih strani, ki sem jih naredila, je bilo potrebno postaviti horizontalno na sredino brskalnika in to se enostavno naredi z ‘margin’ in ‘width’ parametri v div-u ‘container’. Potem pa sem naletela na problem: kako postaviti stran na sredino po vertikali? Našla sem nekaj nasvetov s 50% širino in višino div-ov, ampak se je pojavil drug problem in sicer, ko zmanjšaš velikost brskalinka, se je zgornji del strani skril pod okno brskalnika. Tu pa tam je smiselno malo pogledat v preteklost in tako sem našla rešitev z uporabo tabele (že precej časa namreč uporabljam samo div-e!). Stran vertikalno centriraš, če dodaš ‘vertical-align’ parameter v ‘table’ oznako. Spodaj je celotna koda za centriranje strani.
HTML koda:
<html>
<head>
<title>Centriranje strani vertikalno in horizontalno</title>
</head>
<body>
<table id=”container”>
<tr>
Generic pharmacy <td>Vsebina je centrirana horizontalno in vertikalno!</td>
</tr>
</table>
</body>
</html>
CSS koda:
html, body, #container {
height:100%;
margin: 0;
padding: 0;
border: none;
text-align: center;
}
#container {
margin: 0 auto;
text-align: left;
vertical-align: middle;
width: 400px;
}
Tukaj je primer.
Nice…
hello,very cool. http://blogs.hegatrading.com/akfmnmefva/2011/07/07/damas-dresses-in-houston-tx/ ,nice to meet you…
really good article…
I have spent a bit of time going through your posts, more than I should have but I must say, http://www.sportbikedating.com/community/blogs/entry/Cosplay-are-usually-rapidly-actuality-a-adopted-botheration-amidst-the-majority-of-the-adolescent-ones-who…
Great One…
I must say, its worth it! My link, http://en.netlog.com/RenoColumbusudg/blog/blogid=4256080,thanks haha…