Div centeren - Forum

Wouter J

29-05-2012 17:15

Zie: http://d-graff.de/fricca/center.html

ScrapZz nl

29-05-2012 17:41

Wouter J op 29/05/2012 17:15:19

Zie: http://d-graff.de/fricca/center.html

werkt nog steeds niet:


#conten{
	border: #afb8e9 4px solid;
	margin: 0 auto;
	position:relative;
	clear:left;
	min-height: 600px;
	width: 1020px;
	background-image: url(img/bg.png);
}

Reshad F

29-05-2012 17:52



<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>TITLE</title>
  <style type="text/css">
   .container {
   	margin: 0 auto;
   	padding: 0;
   	width: 1020px;
   	background-color: #232323;
   	height: 500px;
   }
  </style>
 </head>
 <body>
  <div class="container">

  </div>
 </body>
</html>

Joakim Broden

29-05-2012 17:55 gewijzigd op 29-05-2012 17:56

ScrapZz nl op 29/05/2012 17:41:26

[quote="Wouter J op 29/05/2012 17:15:19"]
Zie: http://d-graff.de/fricca/center.html

werkt nog steeds niet:


#conten{
	border: #afb8e9 4px solid;
	margin: 0 auto;
	position:relative;
	clear:left;
	min-height: 600px;
	width: 1020px;
	background-image: url(img/bg.png);
}

[/quote]

Omdat je de #distace div niet hebt?... Niet zomaar iets klakkeloos kopiëren, maar probeer te snappen wat je kopieërd anders leer je er nooit wat van?

ScrapZz nl

29-05-2012 17:55

Reshadd farid op 29/05/2012 17:52:14



<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>TITLE</title>
  <style type="text/css">
   .container {
   	margin: 0 auto;
   	padding: 0;
   	width: 1020px;
   	background-color: #232323;
   	height: 500px;
   }
  </style>
 </head>
 <body>
  <div class="container">

  </div>
 </body>
</html>

ook niet!

Joakim Broden

29-05-2012 17:57 gewijzigd op 29-05-2012 17:58

@Reshadd farid even lezen, hij wil hem ook verticaal centreren en niet alleen horizontaal..

@ScrapZz nl probeer zelf ook wat, niet gelijk zeggen dat iets niet werkt. kijk naar het voorbeeld van Wouter J want die werkt wel..

ScrapZz nl

29-05-2012 17:57

Hertog Jan op 29/05/2012 17:55:01

[quote="ScrapZz nl op 29/05/2012 17:41:26"]
[quote="Wouter J op 29/05/2012 17:15:19"]
Zie: http://d-graff.de/fricca/center.html

werkt nog steeds niet:


#conten{
	border: #afb8e9 4px solid;
	margin: 0 auto;
	position:relative;
	clear:left;
	min-height: 600px;
	width: 1020px;
	background-image: url(img/bg.png);
}

[/quote]

Omdat je de #distace div niet hebt?... Niet zomaar iets klakkeloos kopiëren, maar probeer te snappen wat je kopieërd anders leer je er nooit wat van?
[/quote]

dan komt hij onder aan te staan ;)

[size=xsmall]Toevoeging op 29/05/2012 18:02:43:[/size]

Hertog Jan op 29/05/2012 17:57:08

@Reshadd farid even lezen, hij wil hem ook verticaal centreren en niet alleen horizontaal..

@ScrapZz nl probeer zelf ook wat, niet gelijk zeggen dat iets niet werkt. kijk naar het voorbeeld van Wouter J want die werkt wel..

Ik heb gister de heledag (naja midag?) uitgeprobeerd en op gezocht op internet maar krijg het niet voor elkaar ;)

Joakim Broden

29-05-2012 18:20

ScrapZz nl op 29/05/2012 17:57:29

[quote="Hertog Jan op 29/05/2012 17:55:01"]
[quote="ScrapZz nl op 29/05/2012 17:41:26"]
[quote="Wouter J op 29/05/2012 17:15:19"]
Zie: http://d-graff.de/fricca/center.html

werkt nog steeds niet:


#conten{
	border: #afb8e9 4px solid;
	margin: 0 auto;
	position:relative;
	clear:left;
	min-height: 600px;
	width: 1020px;
	background-image: url(img/bg.png);
}

[/quote]

Omdat je de #distace div niet hebt?... Niet zomaar iets klakkeloos kopiëren, maar probeer te snappen wat je kopieërd anders leer je er nooit wat van?
[/quote]

dan komt hij onder aan te staan ;)
[/quote]

Laat je code dan even zien wat je dan nu hebt, want dan heb je die website van Wouter J niet goed na gekeken... Wss ben je je margin-bottom van je #distance vergeten...

Milo S

29-05-2012 18:22

Hiervoor moet je voor zo ver ik weet een vaste hoogte en breedte voor hebben.

Voorbeeld:

HTML


<div class="center">Content</a>

CSS


.center {
	width: 300px;
	height: 150px;

	position: absolute;
	top: 50%
	left: 50%;

	margin: -75px 0 0 -150px;
}

De negative margin zorgt ervoor dat hij uiteindelijk precies gecentreerd wordt. Succes.

ScrapZz nl

29-05-2012 18:30

Milo S op 29/05/2012 18:22:39

Hiervoor moet je voor zo ver ik weet een vaste hoogte en breedte voor hebben.

Voorbeeld:

HTML
<div class="center">Content</a>
CSS
.center {
	width: 300px;
	height: 150px;

	position: absolute;
	top: 50%
	left: 50%;

	margin: -75px 0 0 -150px;
}
De negative margin zorgt ervoor dat hij uiteindelijk precies gecentreerd wordt. Succes.

een vaste hoogte heb ik dus niet!