login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[css] margin:auto

Offline endymion - 14/09/2004 18:57
Avatar van endymionLid kan iemand mij vertellen waarom die margin:auto het niet doet?

<html>
<head>
<STYLE TYPE="text/css">
<!--
.kader { margin: auto; border: solid 1px #000000; width: 700px;
background-color: #D3D5DE; height: 200px; }

-->
</style>

<body>
<P CLASS="kader">
</p>
</body>
</html>

18 antwoorden

Gesponsorde links
Offline Fenrir - 14/09/2004 20:23
Avatar van Fenrir PHP expert waarom wil je het op auto zetten, en wat doet het niet??
Offline Gml - 14/09/2004 20:28 (laatste wijziging 14/09/2004 20:28)
Avatar van Gml HTML beginner p.margin {margin-left: auto}

met het bovenstaande hoef je niet een class aan je P te geven
Offline endymion - 14/09/2004 20:36
Avatar van endymion Lid ok GmL. nou hier ff de code...
wat ik wil, die kader moet int midden van me beeldscherm komen.. maar hij blijft maar aan de linker kant...
iemand anders zei nou net moet je margin-left en margin-right doen zoals ik nu heb maar doet het ook niet :S

<html>
<head>
<STYLE TYPE="text/css">
<!--
.kader { margin-left:auto; margin-right: auto; padding: 5px; border: solid 1px #000000; font-family: arial; width: 700px;
background-color: #D3D5DE; height: 500px; }
}

-->
</style>

<body>
<P CLASS="kader">

<div width="200">hoi
</div>
</p>

</body>
</html>
Offline Gml - 14/09/2004 20:44 (laatste wijziging 14/09/2004 20:49)
Avatar van Gml HTML beginner Bij mij staat het nu horizontaal in het midden, alleen verticaal nog niet. Als je ook verticaal wilt moet je dit doen:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <STYLE TYPE="text/css">
  4. <!--
  5. .kader{ margin-left:auto; margin-right: auto;  margin-top: 10%; border: solid 1px #000000; font-family: arial; width: 700px;
  6. background-color: #D3D5DE; height: 500px; }
  7. -->
  8. </style>
  9.  
  10. <body>
  11. <P >
  12.  
  13. <div CLASS="kader" width="200">hoi</div>
  14. </p>
  15.  
  16. </body>
  17. </html>


En inderdaad p.margin werkt niet, beetje gek

edit: ik zie nu dat het niet werkt in Internet Explorer , ik gebruik Mozilla daar werkt het dus wel in.
Offline endymion - 14/09/2004 20:49
Avatar van endymion Lid nouw vaag hoor.. bij mij wil hij niet centreren horizontaal :S
Offline Gml - 14/09/2004 20:49 (laatste wijziging 14/09/2004 20:52)
Avatar van Gml HTML beginner .kader{ margin-left:22%; margin-top: 10%; border: solid 1px #000000; font-family: arial; width: 700px;
background-color: #D3D5DE; height: 500px; }


Dit werkt hierboven net getest in Internet Explorer. Je moet een beetje met de procentjes spelen.

edit: ik zie net dat ie vaag gaat doen als je gaat resizen....:s, ff w8e
Offline Gml - 14/09/2004 20:56
Avatar van Gml HTML beginner ok dit is dan niet met een css in het midden gezet maar met een tabelindeling:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. 	<title></title>
  4. 	<STYLE TYPE="text/css">
  5. <!--
  6. .nothing 
  7. {
  8. 	font-family: Arial, Helvetica, sans-serif;
  9. 	font-size: 0px;
  10. }
  11. -->
  12. </style>
  13. </head>
  14. <body>
  15. <table width="100%" height="100%" border="1">
  16. 		<tr>
  17. 			<td width="*" class="nothing">&nbsp;</td>
  18. 			<td width="*" class="nothing">&nbsp;</td>
  19. 			<td width="*" class="nothing">&nbsp;</td>
  20. 		</tr>
  21. 		<tr>
  22. 			<td width="*" class="nothing">&nbsp;</td>
  23. 			<td height="450" width="650">
  24.  
  25. <!-- Begin  --->														
  26. 				Met de waardes "450" en "650" kun je spelen om een goed formaat te krijgen
  27.  
  28. 				Hier stop je verder je info
  29.  
  30. <!-- End --->
  31.  
  32. 			</td>
  33. 			<td width="*" class="nothing">&nbsp;</td>
  34. 		</tr>
  35. 		<tr>
  36. 			<td width="*" class="nothing">&nbsp;</td>
  37. 			<td width="*" class="nothing">&nbsp;</td>
  38. 			<td width="*" class="nothing">&nbsp;</td>
  39. 		</tr>
  40. 	</table>
  41. </body>
  42. </html>
Offline endymion - 14/09/2004 21:09
Avatar van endymion Lid haha. ik wil juist van de tabellen af 
lees
http://www.hotdesign.com/seybold/
maar eens.
Offline Gml - 14/09/2004 21:15 (laatste wijziging 14/09/2004 21:18)
Avatar van Gml HTML beginner hmm, kweenie hoor, dan ben ik nog van de oude garde :S
Offline endymion - 14/09/2004 21:16
Avatar van endymion Lid ja ik dus ook ;) ik had vandaag problemen met me tabels.. en ik ging vragen, en bijna iedereen zei "waarom werk je in godsnaam met tabellen nog" schijnt dus oud te worden ja.
daarom ben ik met CSS bezig nu, alleen is dat nog best moeilijk 
Offline Gml - 14/09/2004 21:19
Avatar van Gml HTML beginner Ja weer lekker want IE, Mozilla of Opere ondersteund dan weer dingen niet. Maar ik ga het wel proberen, moet kunnen namelijk...
Offline endymion - 14/09/2004 21:25
Avatar van endymion Lid Yo hij doet ut 

heb dit bovenin de paginacode gezet:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

kwist nie dat dat moest :S
Offline Gml - 14/09/2004 21:30 (laatste wijziging 14/09/2004 21:31)
Avatar van Gml HTML beginner aah zon W3C standaard, ja idd...
Maare je hebt nu een xhtml1-strict.dtd, je hebt ook een loose.dtd, dan is het minder strikt, moet je even kijken.
Offline BladiN - 14/09/2004 21:33
Avatar van BladiN Gouden medailleGouden medaille

Grafische gevorderde		 transitional is standaard
Offline endymion - 14/09/2004 21:34
Avatar van endymion Lid aha ja die regel heb ik uit de source van een andere website gejat, weet ook absoluuuut niet wat het allemaal inhoud :S
maarum GmL. Laatste vraagje... ik heb mijn code nu online op www.c-jochemsen.nl/test.php

de bedoeling is, om het design te krijgen zoals op www.c-jochemsen.nl/index.php

dat design is uit een zooi tabellen gemaakt.. en het MOET kunnen om alles met CSS te doen. of zeg jij dat dat niet echt mogelijk is?
want links heb ik een menu, en rechts het hoofdvlak waar alle inhoud komt.. dat moet dus naast elkaar staan..
moet ik dat met div doen?
Offline Gml - 14/09/2004 21:56 (laatste wijziging 14/09/2004 21:58)
Avatar van Gml HTML beginner Moet zeker kunnen, dat moet je idd met div doen. Die kun je dan weer positioneren.

zoiets krijg je dan:

.main
{
position:absolute;
left:100px;
top:150px;
}

PS: kijk ook hoe de site in andere browsers eruit ziet, kan nog welles verschillen
Offline endymion - 14/09/2004 22:22
Avatar van endymion Lid hmm.. stel ik wil een div in die kader hebben die ik op www.c-jochemsen.nl/test.php heb..
dan zet ik :

.main
{
position:absolute;
left:100px;
top:150px;
border:1px;
}

in de stylesheet... en dan roep ik die div aan precies zoals ik die kader opriep?
als ik <div CLASS="main"></div>
<div CLASS="kader" width="200">
</div>

in de body zet dan gebeurd er niks met die "main".
Offline Gml - 14/09/2004 22:23 (laatste wijziging 14/09/2004 22:23)
Avatar van Gml HTML beginner yep je moet hem idd wel tussen de style tags zetten in de head
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.194s