login  Naam:   Wachtwoord: 
Registreer je!
 Forum

container centreert niet in IE7 (Opgelost)

Offline san - 30/10/2010 08:50
Avatar van sanHTML interesse Ik heb een webpagina met een container met daarin verschillende afbeeldingen door elkaar geplaats. Nu centreert de container in IE7 niet maar plaatst hem helemaal naar rechts. Heb al allerlei verschillende code's geprobeerd maar niets lukt. Weet iemand hier misschien een oplossing voor?
Plaatscode: 140144

11 antwoorden

Gesponsorde links
Offline marten - 30/10/2010 09:32 (laatste wijziging 30/10/2010 09:33)
Avatar van marten Beheerder Je zal een container om al je code heen moeten zetten. Dus vlak na je body en vlak voor je body sluit. Deze container geef je margin 0 auto mee.

Werk verder eens met een reset.css. Deze css maakt alles veel makkelijker te bouwen en cross browser goed te beheren. Zelf gebruik ik deze:

http://meyerweb.com/eric/tools/css/reset/
Offline san - 30/10/2010 10:08
Avatar van san HTML interesse Ik heb een container om alle code heen met margin 0 auto, text-align: center maar dit werkt helaas niet. Bedankt voor de tip over reset.css
Offline icemar - 30/10/2010 10:23
Avatar van icemar Lid Je kan er beter een wrapper om heen zetten en deze centeren.
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #wrapper {
  2. width:980px;
  3. position:absolute;
  4. left:50%;
  5. margin-left:-490px;
  6. }


Dan kan je de css van de container die je wilt centeren nu er uit halen.

Lukt het niet post dan ook je css files.
Offline buisje - 30/10/2010 11:55
Avatar van buisje Onbekend Je kan ook deze code doen:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div align="center">
  2.       Je html
  3. </div>


maar ik denk dat dat oudere HTML is maar bij mij werkt het altijd ik gebruik geen IE maar denk wel dat het werkt.
Offline san - 30/10/2010 18:51
Avatar van san HTML interesse Ik heb inmiddels echt van alles geprobeerd maar het werkt allemaal niet. Heb inmiddels wel gezien dat de container zelf (het vlak van 800px x 500px wel netjes centreert. Alleen de afbeeldingen die erin horen die schuiven op naar rechts(alleen in ie7). Bijgesloten de css zoals ik die voor alle afbeelding heb.

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #menu1, #menu1:visited {
  2.     background-image: url(../menu/menufoto/menu1.png);
  3.     background-repeat: no-repeat;
  4.     height: 160px;
  5.     width: 160px;
  6.     float: left;
  7. }
  8.  
  9. #menu1:hover, #menu1:active {
  10.     background-position: 0 -160px;
  11. }
Offline valles10 - 30/10/2010 18:54
Avatar van valles10 HTML interesse
css code - Bekijk de code zonder highlighting - Klap code in 
  1. margin-left: auto;
  2. margin-right: auto;
  3. width: 980px;

klaar.
Offline san - 30/10/2010 19:24
Avatar van san HTML interesse Nee werkt ook niet. Krijg dan helemaal een vreeemde layout in ie7. 
Offline icemar - 30/10/2010 19:31
Avatar van icemar Lid Heb je een werkend voorbeeld voor ons ?
Offline san - 30/10/2010 19:37
Avatar van san HTML interesse Nee staat helaas nog niet online.
Offline icemar - 31/10/2010 08:00
Avatar van icemar Lid Kan je een screenschot er van maken en daarna posten hier ?
Offline san - 31/10/2010 10:47 (laatste wijziging 31/10/2010 10:47)
Avatar van san HTML interesse Heb het nu voor elkaar gekregen. Heb bij alle div styles position: absolute weggelaten en de margin-left waardes aangepast. Door deze (hoge) waardes schoof ie7 de afbeeldingen zover naar rechts.
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="margin-left: 10px; margin-top: 0px;">  
  2.          <a id="menu1" href="index1a.html"></a>    
  3. </div>


In ieder geval bedankt.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.273s