login  Naam:   Wachtwoord: 
Registreer je!
 Forum

centreren werkt niet (Opgelost)

Offline Behemutant - 22/05/2008 18:49
Avatar van BehemutantNieuw lid Beste, heb het altijd zo gedaan, heeft altijd gewerkt maar nu ineens niet meer. Iemand enig idee?

mijn css file:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #container {
  2. 	width:800px;
  3. 	height:600px;
  4. 	margin: 0px auto;
  5. }
  6.  
  7. #left {
  8. 	width:761px;
  9. 	height:auto;
  10. 	float:left;
  11. }
  12.  
  13. #adver {
  14. 	width:39px;
  15. 	height:auto;
  16. 	float:left;
  17. }


Mijn php bestand:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>mijn site</title>
  4. <link href="styles/index.css" rel="stylesheet" type="text/css">
  5. </head>
  6. <body bgcolor="#FFFFFF">
  7.  
  8. <div id="container">
  9. 	<div id="left">
  10.  
  11. 	</div>
  12. 	<div id="adver"></div>
  13. </div>
  14.  
  15. </body>
  16. </html>


Alles 'zou' in het midden van het scherm moeten staan maar het blijft gewoon links van het scherm staan  

Iemand een oplossing?

10 antwoorden

Gesponsorde links
Offline Simax - 22/05/2008 18:55
Avatar van Simax Onbekend
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #container
  2. {
  3.   position: relative;
  4. }
Offline Behemutant - 22/05/2008 19:37
Avatar van Behemutant Nieuw lid nope werkt ook niet helaas...
maar:

margin: 0px auto;


heeft altijd gewerkt maar nu ineens niet meer... ??
Offline zointer - 22/05/2008 20:39 (laatste wijziging 22/05/2008 20:40)
Avatar van zointer HTML gevorderde
Behemutant schreef:
heeft altijd gewerkt maar nu ineens niet meer... ??

En dat is in IE?
Uw oplossing:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  2.   <head>
  3.     <style type="text/css">
  4. #container {
  5.     margin: 0 auto;   /* voor alle browsers */
  6.     width: 800px;
  7.     height:600px;
  8. }
  9. #left {
  10.     width:761px;
  11.     height:auto;
  12.     float:left;
  13. }
  14.  
  15. #adver {
  16.     width:39px;
  17.     height:auto;
  18.     float:left;
  19. }
  20.     </style>
  21.   </head>
  22.   <body>
  23.  
  24. <div id="container">
  25.   <div id="left">left</div>
  26.     <div id="adver">adver</div>
  27. </div>
  28.   </body>
  29. </html>
Offline Behemutant - 22/05/2008 20:42
Avatar van Behemutant Nieuw lid wat is er nu anders?
enkel dat het niet in een extern CSS staat toch?...

greetz
Offline zointer - 22/05/2008 20:43 (laatste wijziging 22/05/2008 20:44)
Avatar van zointer HTML gevorderde
Behemutant schreef:
wat is er nu anders?
enkel dat het niet in een extern CSS staat toch?...

greetz

Speelt geen rol of al dan niet extern is, zie en vergelijk

edit: en als opgelost is ram op die oplossing 
Offline Behemutant - 22/05/2008 20:54 (laatste wijziging 22/05/2008 21:29)
Avatar van Behemutant Nieuw lid veranderd niks, nog steeds het zelfde resultaat...

edit:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

toegevoegd nu werkt het prima! 
Offline zointer - 22/05/2008 21:17
Avatar van zointer HTML gevorderde doe dan eens volgende
css code - Bekijk de code zonder highlighting - Klap code in 
  1. body{
  2. text-align:center;/*voor ie*/
  3. }	
  4. #container {
  5.     margin: 0 auto;   /* voor alle browsers */
  6.     width: 800px;
  7.     height:600px;
  8. 	text-align:left;/*zet terug links*/
  9. }

zie
en in welke browser heb jij je probleem+versie?
Offline brechtjah - 22/05/2008 21:19
Avatar van brechtjah Nieuw lid Wil je horizontaal centreren? Ik gebruik "text-align: center;" daarvoor
Offline zointer - 22/05/2008 21:24 (laatste wijziging 22/05/2008 21:33)
Avatar van zointer HTML gevorderde
brechtjah schreef:
Wil je horizontaal centreren? Ik gebruik "text-align: center;" daarvoor

Wil je eens meer moeite doen en ook eens naar die link zien die ik gaf.
Citaat:
This is a demo to show how to center a DIV in the center of the screen from Internet Explorer 4 and up. Including all modern browsers too.
The trick is to add text-align: center; to the body selector, then add the usual margin: 0 auto; to the container selector which you want centered. Apply text-align: left; on the container to counter the center align for body.
View this pages source code to see how it's done

@ hieronder tja
Offline Behemutant - 22/05/2008 21:29
Avatar van Behemutant Nieuw lid Zointer dat heeft er niks mee te maken, het ging puur om de doc type en overige aan te geven. Zoals ik al zij de code is correct daarom snapte ik niet waarom het niet werkte.

Oplossing:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.218s