login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Css probleem (Opgelost)

Offline suniltje - 21/03/2008 04:33
Avatar van suniltjeNieuw lid Hey ik heb een vraagje aan jullie.

Ik ben helemaal een beginner en ben gewoon wat aan het doen met css en html en nu zie ik dat als ik iets in css centreer met
margin: 0 auto; het het wel goed doet in FF maar niet in IE kan iemand me hiermee helpen of tips geven?

7 antwoorden

Gesponsorde links
Offline nick5556 - 21/03/2008 07:37
Avatar van nick5556 PHP beginner Centreren zou ik zo doen:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. .container {
  2. margin-left: 10%;
  3. margin-right: 10%;
  4. }


Ik hoop dat je het snapt. IE zal nooit hetzelfde eruit zien als FF of Opera. Maar zo kan je centreren zodat iemand met een klein screen het ook in het midden ziet, anders gaan die mensen een erg.. tja.. minder gelukte site zien.

~N
Offline Ontani - 21/03/2008 08:52
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 margin: 0 auto; is goed maar dan moet je div wel een breedte ingesteld hebben, default is het 100% en valt er natuurlijk niet veel te centreren.
Offline suniltje - 21/03/2008 10:13
Avatar van suniltje Nieuw lid
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #wrapper	{
  2. 	background-color: #efefef;
  3. 	border: 1px solid #666;
  4. 	min-height: 860px;
  5. 	width: 760px;
  6. 	margin: 0 auto;
  7. 	margin-top: 10px;
  8. 	}


zo heb ik het en het werkt niet in IE7 maar wel met FF hoe zou ik het moeten zetten zodat het in allebei werkt?

Ik heb ook al geprobeerd wat nick5556 zei en het lukte niet:(
Offline DrB - 21/03/2008 10:18 (laatste wijziging 21/03/2008 10:20)
Avatar van DrB HTML interesse Probeer het is zo:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. * html body { height: 100%; }
  2.  
  3. body {
  4. 	margin: 0 auto;
  5. 	width: 760px;
  6. 	font-family: "Verdana", Trebuchet MS, Arial, Tahoma;
  7. 	font-size: 12px;
  8. 	color: #272321;
  9. }
Offline suniltje - 21/03/2008 10:46
Avatar van suniltje Nieuw lid
css code - Bekijk de code zonder highlighting - Klap code in 
  1. /****************************************
  2. Auteur: Sunil Kisoensingh
  3. Website: http://www.remixfactory.nl
  4. Copyright: 2008 Alle Rechten Voorbehouden
  5. *****************************************/
  6.  
  7.  
  8. *		{
  9. 	margin: 0;
  10. 	padding: 0;
  11. 	}
  12.  
  13. body	{
  14. 	background: #fff url('img/bg.gif');
  15. 	font-family: Tahoma;
  16. 	font-size: 12px;
  17. 	color: #212121;
  18. 	}
  19.  
  20. #wrapper	{
  21. 	background-color: #fff;
  22. 	border: 1px solid #333;
  23. 	min-height: 860px;
  24. 	width: 760px;
  25. 	margin: 0 auto;
  26. 	margin-top: 10px;
  27. 	}
  28.  
  29. * html #wrapper	{
  30. 	height: 860px;
  31. 	}
  32.  
  33. .header		{
  34. 	background-color: #fff;
  35. 	height: 100px;
  36. 	width: 760px;
  37. 	border-bottom: 1px solid #333;
  38. 	}


Zo ziet mijn hele css eruit tot nu toe het is de bedoeling dat de wrapper horizontaal gecentreerd wordt. Dit doet ie alleen in FF niet in IE:(

Tot nu toe heeft nix geholpen...
Offline Simax - 21/03/2008 10:53
Avatar van Simax Onbekend Dit zou moeten werken..

css code - Bekijk de code zonder highlighting - Klap code in 
  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
  6.  
  7. body
  8. {
  9.     background: #fff url(img/bg.gif);
  10.     font-family: tahoma;
  11.     font-size: 12px;
  12.     color: #212121;
  13.     text-align: center;
  14. }
  15.  
  16. .wrapper
  17. {
  18.     background-color: #fff;
  19.     border: 1px solid #333;
  20.     min-height: 860px;
  21.     width: 760px;
  22.     margin: 0 auto;
  23.     margin-top: 10px;
  24.     text-align: left;
  25.     }
  26.  
  27. .header
  28. {
  29.     background-color: #fff;
  30.     height: 100px;
  31.     width: 760px;
  32.     border-bottom: 1px solid #333;
  33. }
Offline suniltje - 21/03/2008 15:14
Avatar van suniltje Nieuw lid heel erg bedankt spot het werkt nu:)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.191s