Archief - HTML/CSS: IE problemen

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
A

Audiosonic

Legacy Member
Hallo iedereen,

Eerst en vooral, het kan zijn dat hier al topics over bestaan, maar ik heb geprobeerd te zoeken, maar ik krijg altijd een error:( Het zit dus zo : Ik ben een website aan het maken (duh :) ) en in Firefox werkt alles perfect, enkel in IE plaatst hij enkel mijn header in het midden, de rest aan de linkerkant ?
Iemand die hier een oplossing voor weet ?

http://users.telenet.be/audiosonic/Digitalix/

Bedankt !
r

represent

Legacy Member
Je hebt nergens gespecifieerd dat alles in het midden moet staan, en dus past IE zijn eigen CSS toe.
Aangezien je wil dat al je elementen (header, content, footer) even breed zijn en hetzelfde worden gepositioneerd tov van je body zou het logischer zijn om alles in binnen een div te zetten, bv contentwrapper, die alles omsluit. Je geeft die dan de volgende css regel mee: margin: 0 auto 0 auto; (top right bottom left is de volgorde). Nu heb je alleen margin:auto aan je header gegeven, waardoor die in het midden blijft, en de rest verschuift in IE.
M

Mithrandix

Legacy Member
of je kan gewoon in je body een width specifiëren en margin-left: auto; margin-right: auto; zetten
A

Audiosonic

Legacy Member
Ik heb bij mn content ook de margin:auto geplaatst + ik heb de content een width gegeven, en het werkt nog steeds niet

#Content,#Content_about,#Content_events, #Content_gear,

#Content_charts, #Content_bookings, #Content_links

{ width:701px;

margin: auto;

Dat is de code
M

Mithrandix

Legacy Member
nu heb je:

Code: 
#wrapper{				 margin: 0 auto 0 auto;}

					 

#Content,#Content_about,#Content_events, #Content_gear, 

#Content_charts, #Content_bookings, #Content_links

{	 			 	 width:701px;

					 margin: auto;

					 margin-top: 30px;

					 background-color:#f1f1f1;

					 border: 2px solid #737373; 

					 padding:15px;}

verander eens naar:

Code: 
#wrapper{			         width: 701px;	 
                                         margin: 0 auto 0 auto;}

					 

#Content,#Content_about,#Content_events, #Content_gear, 

#Content_charts, #Content_bookings, #Content_links

{	 			 	 margin-top: 30px;

					 background-color:#f1f1f1;

					 border: 2px solid #737373; 

					 padding:15px;}
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan