login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div centreren

Offline dconel - 28/01/2008 14:16 (laatste wijziging 28/01/2008 14:16)
Avatar van dconelNieuw lid Ik heb alles afgezocht, gelezen en vele gevraagd. Maar het lukt me niet! (frustrerend!)
Het is de bedoeling dat de content-div over de layout-div gaat staan. je raad wel waarom..

code

Hopelijk lukt het een van jullie wel,

groeten,
Dirk

11 antwoorden

Gesponsorde links
Offline marten - 28/01/2008 14:31
Avatar van marten Beheerder Kijk eens naar www.veldleeuwerik.nl
Offline dconel - 28/01/2008 15:16
Avatar van dconel Nieuw lid buiten dat ik het een goed iniatief vind, schiet ik er helaas niet zo veel mee op.
Offline marten - 28/01/2008 15:19
Avatar van marten Beheerder Nou je zou eens in de source kunnen kijken. Dan zou je zien dat ik geen <center> gebruik maar in de html tag een margin: 0 auto; gebruik om het hele blok te centreren.
Offline dconel - 28/01/2008 15:29
Avatar van dconel Nieuw lid ik heb de bron bekeken. maar bij een absolute kan je toch geen 'margin 0 auto' gebruiken?
Offline Ultimatum - 28/01/2008 15:36
Avatar van Ultimatum PHP expert Jawel en heb je het al getest? Het werkt gewoon dus dan zou ee ndiv ook wel absolute en margin samen kunnen hebben hé 
Offline dconel - 28/01/2008 15:40 (laatste wijziging 28/01/2008 19:31)
Avatar van dconel Nieuw lid jep, maar het werkt niet. Content.div staat nu links boven in de hoek van layout.div

waarom dat nou weer is blijft mij ook een raadsel.
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #content {
  2.  
  3. 	position: absolute;
  4. 	z-index: 4;
  5. 	width: 600px;
  6. 	margin: 0 auto;
  7. 	height: 400px;
  8. 	padding-top: 20px;
  9. 	border: 1px dashed #996699;
  10. 	overflow: auto;
  11. 	scrollbar-face-color: #FFFFFF;
  12. 	scrollbar-shadow-color: #000000;
  13. 	scrollbar-highlight-color: #FFFFFF;
  14. 	scrollbar-3dlight-color: #000000;
  15. 	scrollbar-darkshadow-color: #FFFFFF;
  16. 	scrollbar-track-color: #FFFFFF;
  17. 	scrollbar-arrow-color: #000000;
  18. 	scrollbar-base-color: #FDFBFF;
  19. 	text-align: left;	
  20. }


Wat is de fout
Offline nvleeuwen88 - 28/01/2008 20:55
Avatar van nvleeuwen88 HTML interesse misschien heb je hier wat aan:

Div centreren Position
Offline finduilas - 29/01/2008 08:47
Avatar van finduilas PHP gevorderde
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. position: absolute;
  2. margin-left: auto;
  3. margin-right: auto;
Offline dconel - 30/01/2008 16:53 (laatste wijziging 30/01/2008 16:53)
Avatar van dconel Nieuw lid
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #content {
  2.  
  3. 	position: absolute;
  4. 	left: 50%;
  5. 	margin-left: -350px;
  6. 	margin-right: auto;
  7. 	margin-top: 30px;
  8. 	z-index: 4;
  9. 	width: 700px;
  10. 	height: 400px;
  11. 	padding-top: 20px;
  12. 	border: 1px dashed #996699;
  13. 	overflow: auto;
  14. 	scrollbar-face-color: #FFFFFF;
  15. 	scrollbar-shadow-color: #000000;
  16. 	scrollbar-highlight-color: #FFFFFF;
  17. 	scrollbar-3dlight-color: #000000;
  18. 	scrollbar-darkshadow-color: #FFFFFF;
  19. 	scrollbar-track-color: #FFFFFF;
  20. 	scrollbar-arrow-color: #000000;
  21. 	scrollbar-base-color: #FDFBFF;
  22. 	text-align: left;	
  23. }

Ik gebruik dit maar.. Maar als je het venster kleiner maakt dan de div is komt de div niet in het midden.
Offline bertvanhees - 30/01/2008 17:09
Avatar van bertvanhees Onbekend Je hebt misschien zelfde probleem als mij,
Ik heb het nu zo staan:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. .content {
  2. 	background-color: #FFFFFF;
  3. 	width: 611px;
  4. 	position: relative;
  5. 	height: auto;
  6. 	margin: auto;
  7. 	left: auto;
  8. 	right: auto;
  9. }
Offline bertvanhees - 30/01/2008 17:09 (laatste wijziging 30/01/2008 17:10)
Avatar van bertvanhees Onbekend Je hebt misschien zelfde probleem als mij,
Ik heb het nu zo staan:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. .content {
  2. 	background-color: #FFFFFF;
  3. 	width: 611px;
  4. 	position: relative;
  5. 	height: auto;
  6. 	margin: auto;
  7. 	left: auto;
  8. 	right: auto;
  9. }


Zo staat mijn content mooi in het midden  

IE6 - IE7 & firefox
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.329s