Hallo allemaal,
Ik ben bezig met het positioneren van mijn site,
nou gebruik ik in de base/container:
Die zorgt dat die in FireFox in het midden wordt weergeven van links/rechtsCode:position: relative; margin: 0 auto; text-align: left; width: 1113px;
maar niet in boven/onder, en dit is ook de bedoeling!
in IE8 centreert die hem niet, hij blijft namelijk gewoon lekker links boven in het hoekje staan (**** IE)
Hoe krijg ik ze voor beide browsers gecentreerd, in het midden van links/rechts/boven/onder.
- CSS Positie probleem.
-
20-08-2009, 11:47 #1Particulier
- Berichten
- 47
- Lid sinds
- 15 Jaar
CSS Positie probleem.
-
In de schijnwerper
Online Cursus Zelfvertrouwen (.nl) is te koop | Met SEO waardeDomein te koopComplete domeinnamen portfolio te koop wegens voorlopig stoppenDomein te koopDomeinnaam te koop: BatterijVoorBedrijven.nl - Jouw kans op een sterke online aanweziDomein te koopDuizenden linkmogelijkheden aangeboden.Linkpartners -
20-08-2009, 11:55 #2
- Berichten
- 205
- Lid sinds
- 15 Jaar
Code:body { text-align: center; }
Je kan wel absoluut positioneren, maar dan moet je een width en height ingeven.
Code:#container { width: 750px; height: 500px; position: absolute; left: 50%; top: 50%; margin-top: -250px; /* height / 2 */ margin-left: -375px /* width / 2 */ }
Laatst aangepast door P. Beulque : 20-08-2009 om 17:54
-
20-08-2009, 12:05 #3Particulier
- Berichten
- 47
- Lid sinds
- 15 Jaar
Code:body { text-align: center; }
Je kan wel absoluut positioneren, maar dan moet je een width en height ingeven.
Code:#container { width: 750px; height: 500px; position: absolute; left: 50%; top: 50%; margin-top: -250px; /* height / 2 */ margin-left: -375px /* height / 2 */ }
want dat begrijp ik niet.
Voorderest, toppie!
-
20-08-2009, 12:11 #4
- Berichten
- 1.484
- Lid sinds
- 16 Jaar
margin-left: Hier doe je het zelfde alleen met dan met de width.
-
20-08-2009, 12:21 #5Particulier
- Berichten
- 47
- Lid sinds
- 15 Jaar
-
20-08-2009, 12:25 #6
- Berichten
- 1.484
- Lid sinds
- 16 Jaar
-
20-08-2009, 12:28 #7Particulier
- Berichten
- 47
- Lid sinds
- 15 Jaar
Ander probleempje met padding.
Als ik padding-top: 5px; doet, dan wordt die div 5px hoger in FF en blijft hetzelfde in IE8.
EDIT: Het padding probleem is opgelost, doormiddel van een div ID genaamd padded, en die dan om het gene zetten wat ik padded wou.
Laatst aangepast door DylanD : 20-08-2009 om 13:20
-
20-08-2009, 17:55 #8
- Berichten
- 205
- Lid sinds
- 15 Jaar
Moest uiteraard width / 2 zijn, copy paste foutje. ;)
Nou, ik ben blij dat het werkt!
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic