Hey,
Ik heb een beetje een beginners vraag.
Zoals ik altijd mijn website centreer (via margin: 0;) werkt dat altijd alleen in firefox/chrome/safari en natuurlijk niet in IE.
Nu weet ik dat je de text moet centreren wil je je container/website centreren in IE.
Alleen dan gaat natuurlijk AL je tekst naar het midden dus moet ik alle div's aan passen naar text-align: left.
Maar nu heb ik een footer en die neemt dat niet zo makkelijk.
Wanneer ik die text-align: left geef gaat de gehele footer naar links.
Ik heb al gegoogled maar kom vaak deze methode tegen, ik ben eigen tegen het feit dat ik alle divs een text-align: left mee moet geven om DEZE reden.
Is er een andere oplossing die jullie gebruiken?
Mvg
Rick Leijten
-
28-08-2010, 13:03 #1
Particulier
- Berichten
- 30
- Lid sinds
- 14 Jaar
CSS Centreren
-
-
28-08-2010, 13:05 #2
Jepps Webdevelopment
- Berichten
- 3.430
- Lid sinds
- 16 Jaar
Gewoon de inner container een text-align: left meegeven.
Laatst aangepast door Jesper van E. : 28-08-2010 om 13:18
-
28-08-2010, 13:07 #3
Particulier
- Berichten
- 750
- Lid sinds
- 15 Jaar
Heb je wel een geldige doctype ?
aangezien margin: 0 auto ook vanaf IE6 moet werken
-
28-08-2010, 13:10 #4
Particulier
- Berichten
- 30
- Lid sinds
- 14 Jaar
<!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">
en @ Jesper, wanneer ik de inner container left mee geef gaat ie wederom weer naar links
Ik zou dus alle divs met tekst een align:left mee moeten geven
-
28-08-2010, 13:13 #5
Jepps Webdevelopment
- Berichten
- 3.430
- Lid sinds
- 16 Jaar
Zoals ik zei moet je de inner container text-align: left meegeven, niet de outer container.
Zoals hier bijvoorbeeld:
Misschien kan je anders even een link posten naar de pagina, dat zou ook helpen.body { text-align:center; }
div#content { margin: 0px auto; text-align: left; }
Text-align: left is default overigens.
-
28-08-2010, 13:19 #6
Particulier
- Berichten
- 30
- Lid sinds
- 14 Jaar
Ik zat in de verkeerde container :) (eigen fout ik had de een wrapper genoemd de andere container).
Origineel gepost door Jesper van E.
Maar ik merk nog meer (ie) bugs op.
Ik heb bijvoorbeeld een hr gestyled als het volgende:
Nu plaats ik dus de hr waar die geplaatst moet worden en gebeurd er in firefox en chrome precies wat ik wilde maar in IE doet ie helemaal niets ermee.Code:hr { width: 900px; height: 12px; background: url(../images/hr.png) no-repeat; margin: 20px 0 20px 0; }
Ik kan natuurlijk de ipv de hr een class maken en die in een div zetten (probleem opgelost) maar zou het niet ook gewoon moeten werken in IE ?
Mvg
-
28-08-2010, 13:25 #7
Particulier
- Berichten
- 750
- Lid sinds
- 15 Jaar
Ja beste kun je een link sturen naar je site.
Dan hoeven we niet meer te gokken.
En wen er maar aan dat IE veel bugs heeft :D
-
28-08-2010, 13:31 #8
Particulier
- Berichten
- 30
- Lid sinds
- 14 Jaar
Haha ik heb het opgelost via deze link
http://www.sovavsiti.cz/css/hr.html
Maar zit nog vol met problemen in IE :)
Ik zal later de pagina uploaden dan stel ik wat meer vragen over bepaalde css/ie issue's
Alvast bedankt!
-
28-08-2010, 13:40 #9
Particulier
- Berichten
- 1.197
- Lid sinds
- 17 Jaar
probeer display: attrituten mee te geven in je CSS:
div#content{
display:inline-table;
