login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Centreren website in IE

Offline Drieske - 28/04/2008 13:47 (laatste wijziging 28/04/2008 13:47)
Avatar van DrieskeLid Hallo,

Ik heb mij website gecentreerd gekregen in FF maar in IE loopt het lichtjes fout:)

Je vindt de website op :

http://www.steenhouwer-degreve.be/Opdracht/

Hoe komt dit?

26 antwoorden

Gesponsorde links
Offline Ontani - 28/04/2008 14:02
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Je bekijkt het gewoon te moeilijk, ipv 2 divs in elkaar te doen geef gewoon de container div een rode border van 10px.
Offline Drieske - 28/04/2008 14:09
Avatar van Drieske Lid
Ontani schreef:
Je bekijkt het gewoon te moeilijk, ipv 2 divs in elkaar te doen geef gewoon de container div een rode border van 10px.


Ja dacht ik ook maar in de opdracht staat dat we dit moeten doen zonder de border property te mogen gebruiken in css...
Offline Simax - 28/04/2008 14:18
Avatar van Simax Onbekend Mag ik je css eens inzien?
Offline Drieske - 28/04/2008 14:21
Avatar van Drieske Lid Plaatscode: 7649
Offline Simax - 28/04/2008 14:31
Avatar van Simax Onbekend Probeer dit eens..
css code - Bekijk de code zonder highlighting - Klap code in 
  1. *
  2. {
  3.   margin: 0;
  4.   padding: 0;
  5. }
  6.  
  7. html, body
  8. {
  9.   text-align: center;
  10. }
  11.  
  12. .container
  13. {
  14.   border: #ff0000 solid 10px;
  15.   height: auto !important;
  16.   margin: 0 auto;
  17.   position: relative;
  18.   text-align: left;
  19.   width: 900px;
  20. }
  21.  
  22. .header
  23. {
  24.   height: 50px;
  25.   width: 900px;
  26. }
  27.  
  28. .menu
  29. {
  30.   float: left;
  31.   height: 550px;
  32.   padding: 5px;
  33.   width: 80px;
  34. }
  35.  
  36. .content
  37. {
  38.   float: left;
  39.   height: 550px;
  40.   padding: 5px;
  41.   overflow: auto;
  42.   width: 800px;
  43. }
Offline Drieske - 28/04/2008 14:33
Avatar van Drieske Lid Lees boven aub:

Ja dacht ik ook maar in de opdracht staat dat we dit moeten doen zonder de border property te mogen gebruiken in css...
Offline Simax - 28/04/2008 14:53
Avatar van Simax Onbekend Dan voeg je toch gewoon een divje toe wat 20px minder breed en lang is?
Offline Drieske - 28/04/2008 15:09
Avatar van Drieske Lid heb ik gedaan als je de css code bekijkt...
Offline Simax - 28/04/2008 15:21
Avatar van Simax Onbekend Dan begrijp ik niet wat er nog fout gaat..
Offline Drieske - 28/04/2008 15:24 (laatste wijziging 28/04/2008 15:25)
Avatar van Drieske Lid http://www.steenhouwer-degreve.be/Opdracht/

Bekijk dit dan eens in IE...
Offline Simax - 28/04/2008 16:22
Avatar van Simax Onbekend Doe dan eens wat ik zeg..
Citaat:
Probeer dit eens..
Offline Drieske - 28/04/2008 16:24
Avatar van Drieske Lid heb ik gedaan, trekt op niet dan want helft zit er niet in...
Offline SilVeX - 28/04/2008 16:31
Avatar van SilVeX HTML beginner Als je nu alleen je container absolute zet en de rest daarin bouwt. Zal alles een stuk makkelijker gaan.
Offline Drieske - 28/04/2008 17:10
Avatar van Drieske Lid Nu absolute gemaakt en nog wat aan veranderd. Nog Steeds in IE niet goed in FF wel...

Plaatscode: 7654
Offline Simax - 28/04/2008 17:20 (laatste wijziging 28/04/2008 17:21)
Avatar van Simax Onbekend Probeer dan eens wat ik zeg..
style
[url]http://www.plaatscode.be/7655/[/url]

index
css code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="container">
  2.   <div class="index">
  3.     <div class="header"></div>
  4.     <div class="menu"></div>
  5.     <div class="content"></div>
  6.   </div>
  7. </div>
Offline Drieske - 28/04/2008 17:35
Avatar van Drieske Lid Ok nu al gecentreerd in alletwee maar nog een klein probleem. Mijn content kader gaat in IE er niet in...

http://www.steenhouwer-degreve.be/Opdracht/
Offline Simax - 28/04/2008 17:37
Avatar van Simax Onbekend Content kader?
Offline Drieske - 28/04/2008 17:39
Avatar van Drieske Lid Ja de content div toont hij niet goed bij mij in IE hij staat daar onder de div menu in plaats van naast...
Offline Simax - 28/04/2008 22:46
Avatar van Simax Onbekend Maak je content div eens iets minder breed?
Offline zointer - 29/04/2008 06:51 (laatste wijziging 29/04/2008 06:56)
Avatar van zointer HTML gevorderde
Shiven schreef:
Maak je content div eens iets minder breed?

Nee niks mee te maken.
Volgende bij #content toevoegen margin-right:-80px;
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #content
  2. {
  3.   background-color: yellow;
  4.   float:left;
  5.   height: 550px;
  6.   overflow: auto;
  7.   width: 820px;
  8.   margin-right:-80px;
  9. }



edit off: die ubb werkt niet goed, als je zo plaatst vb [bold] [underline]text[/underline][/bold] werkt vet niet, dit wel [underline][bold]text[/bold][/underline]
Offline bennieboy - 29/04/2008 07:50
Avatar van bennieboy HTML beginner bij mij ziet alles er goed uit
Offline zointer - 29/04/2008 08:27 (laatste wijziging 29/04/2008 08:27)
Avatar van zointer HTML gevorderde
bennieboy schreef:
bij mij ziet alles er goed uit

In IE niet zie maar
Alle screens(ff + ie)
Offline friko - 29/04/2008 11:42 (laatste wijziging 29/04/2008 11:44)
Avatar van friko Nieuw lid dit kan te maken hebben met de maten....IE6 heeft hele andere maten dan FF en IE7 bijvoorbeeld....dus het kan zijn als je links...menu verkleind dat dat gele vlak omhoog schiet

edit: Ik zie dat het alweer pagina 3 is....dus wellicht heb je iets dergelijks al geprobeerd
Offline StommePoes - 14/05/2008 14:06 (laatste wijziging 14/05/2008 14:09)
Avatar van StommePoes Nieuw lid Heh
dit is heel normaal voor IE, je hebt er 2 problemen:

eerst, zonder Doctype, kan IE nix goeds doen. Hij is al dom, maar dommer zonder doctype.

Maar twee, het probleem is ik denk een bug. IE zonder doctype werkt net zoals IE5.5 en IE5 enzo... zij kennen geen wiskunde, kijk:
padding: 10px;<--kijk
width: 900px;
(totaal breedte nu is 900 - 10px - 10px = 880px)
dat is je #index. Volgens IE is ie dan niet 900px wide maar 880px wide... daarom kunnen een float van 80px en een andere van 820 niet passen. De padding gaat binnen de #index div in stomme versie's van IE. De slimmer browsers weten wel dat 900px + 10 + 10 = 920px totall breedte.

Met een doctype zouden IE6 en 7 lukken, maar IE5 en onder, moet je hacks doen. Liever niet, laat IE5 maar liggen.
Offline Ontani - 14/05/2008 14:15
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Even stoppen met oude topics uit de gracht te halen. Laat die maar rechtop slapen.
Offline Pieter - 14/05/2008 21:28
Avatar van Pieter Gouden medaille

SEO guru		 Dit gaat idd op slot.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.421s