Kan ik dan gewoon center gebruiken?
of moet ik met margin-left en margin-right gaan werken?
[gesloten] Div in midden van website
Albert
ongeveer 10 jaar geleden
Draity
ongeveer 10 jaar geleden
Je kunt ook margin: 0px auto dar kan ook met padding
Albert
ongeveer 10 jaar geleden
Hoe bedoel je, dat kan ook met padding?
Edit, Adrenalize, ik heb die div opgevraagt in CSS, maar weet niet hoe ik hem anders precies in het midden kan krijgen, behalve dan center.
Quote: Draity
Je kunt ook margin: 0px auto dar kan ook met padding
Hoe bedoel je, dat kan ook met padding?
Edit, Adrenalize, ik heb die div opgevraagt in CSS, maar weet niet hoe ik hem anders precies in het midden kan krijgen, behalve dan center.
Shyno
ongeveer 10 jaar geleden
Als je een container in het midden van je scherm bedoeld. Hieronder een oplossing.
Ik gebruik jQuery ervoor:P
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> jQuery(window).ready(function() { var elm = '#JE ID'; jQuery(elm).css("position", "absolute"); jQuery(elm).animate({ top: '50%', left: '50%', marginLeft: '-' + (jQuery(elm).outerWidth() / 2) + 'px', marginTop: '-' + (jQuery(elm).outerHeight() / 2) + 'px' }, 0); }); </script>
Albert
ongeveer 10 jaar geleden
Hmm, en waar zet ik dat neer..
Quote: Shyno
Als je een container in het midden van je scherm bedoeld. Hieronder een oplossing.
Ik gebruik jQuery ervoor:P
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> jQuery(window).ready(function() { var elm = '#JE ID'; jQuery(elm).css("position", "absolute"); jQuery(elm).animate({ top: '50%', left: '50%', marginLeft: '-' + (jQuery(elm).outerWidth() / 2) + 'px', marginTop: '-' + (jQuery(elm).outerHeight() / 2) + 'px' }, 0); }); </script>
Hmm, en waar zet ik dat neer..
Shyno
ongeveer 10 jaar geleden
Zal ik je helpen via teamviewer?
Quote: Albert
[...]
Hmm, en waar zet ik dat neer..
Zal ik je helpen via teamviewer?
hondje999
ongeveer 10 jaar geleden
WTF en waarom pos absoulte ?
wut about
Quote: Shyno
Als je een container in het midden van je scherm bedoeld. Hieronder een oplossing.
Ik gebruik jQuery ervoor:P
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> jQuery(window).ready(function() { var elm = '#JE ID'; jQuery(elm).css("position", "absolute"); jQuery(elm).animate({ top: '50%', left: '50%', marginLeft: '-' + (jQuery(elm).outerWidth() / 2) + 'px', marginTop: '-' + (jQuery(elm).outerHeight() / 2) + 'px' }, 0); }); </script>
WTF en waarom pos absoulte ?
wut about
<div class="container"></div>
.container{width:960px; margin:0 auto;}
526f676572
ongeveer 10 jaar geleden
-
Laatst bewerkt: 19-05-18 13:35 door: 526f676572Albert
ongeveer 10 jaar geleden
Oke! Ga k dat doen.
Quote: 526f676572
Fixed width en dan horizontale margins op auto zetten.
Met <center> werken is niet meer de bedoeling, center is officieel uit de HTML standaard gehaald.
Oke! Ga k dat doen.
Shyno
ongeveer 10 jaar geleden
Anders is je container half uit beeld, slimmerd:P
Quote: hondje999
[...]
WTF en waarom pos absoulte ?
wut about
<div class="container"></div>
.container{width:960px; margin:0 auto;}
Anders is je container half uit beeld, slimmerd:P
Je moet inloggen om te kunnen reageren.