css-position


How to position object on the middle of the screen in any size?


This is my entire code (sorry for h1 not being in english but it doesnt matter since all pharagraphs are dummy text too.) http://jsfiddle.net/sBKYH/
My positioning
.vizitka{
position:relative;
top:50%;
margin: 232px 0 0 438px;
}
So my problem is I was working on this webpage on my laptop and it was all perfect. But when i opened the website on my PC (with bigger screen) my cards moved to the left. How can i keep my cards on the middle so they wont be effected by screen size? And also when i changed the size of browser window, instead of staying on middle the cards when slowly up. Any ideas on how to fix it?
try with
.vizitka{
margin:232px auto 0;
...
}

Related Links

I'm trying to put a fixed divsion at the top of the page but when I scroll with FF, lines are lost
fixed position z-index not working
how to create adjustable gap between elements (div)
How to properly apply a css hack for IE11 transition misbehaviour
How do you make leaflet popup window full screen on small screens?
Fix a div to the bottom while scrolling with skrollr
Sticky Footer at bottom of PAGE, not just bottom of WINDOW
How to set div absolute position from the parent div
Polymer paper-fab with position:fixed behaves strangely when used with core-list that has a scrollTarget
What is the use of “static” positioning in CSS?
CSS: fixed position
Style sheet positioning won't keep everything in place
Div on top 100%
CSS float image align
google sites html box tool css postion absolute
Manual Positioning of Shareaholic ShareBar Plugin

Categories

HOME
oracle12c
pagination
twig
themes
pascal
solaris
graphics
appcelerator
javacc
aws-cli
settings
pega
mod-security
java.util.logging
why3
speech-synthesis
gkturnbasedmatch
enterprise-architect
heat
symbol
google-data-studio
nim
gmm
href
imageresizer
pchart
bulletphysics
errbot
xbox
python-2.6
dumpbin
login-script
twos-complement
instantiation
activexobject
google-knowledge-graph
zoomify
c9.io
visa
logback-groovy
show-hide
apache-directory
memory-mapping
x++
ovf
magento-2.0.7
rserve
jtree
swingworker
stripe-connect
cubism.js
xcode-server
adafruit
mta
mediametadataretriever
ikiwiki
fuzzywuzzy
qbxml
blitline
toast
maybe
tfs-workitem
grgit
xenomai
file-move
opserver
extjs-grid
typemock
sha512
pyobjc
code-documentation
delayed-execution
ssis-data-flow
device-tree
nsmenu
raygun
ora-00904
jjaql
wxformbuilder
authlogic
accesscontrolexception
light
mysql-error-1044
robotlegs
fragmenttransaction
fusefabric
azman
multiplatform
creole
codebase
appledoc
vs-android
web-garden
tui
fail-fast-fail-early
wcf-proxy

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App