1. #1

    Registered
    31/08/02
    Location
    Kortrijk
    Posts
    54
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0

    Klein layout-probleempje IE

    Hallo,

    Ik heb een kleine website in elkaar geknutseld: Zita voetbalprono 2010-2011. Ik werk normaal op Ubuntu en met Firefox. Daar ziet het er ook uit zoals ik wil dat het eruit ziet (code wss nogal lelijk, maar 't was lang geleden ).

    Ik heb nu net even in Internet Explorer gekeken, en dat geeft niet helemaal het gewenste resultaat. Als je de pagina 'stand' opent, zie je dat in het rechtermenu 5 cijfers naast elkaar worden weergegeven en het zesde eronder. In Firefox worden ze netjes alle zes naast elkaar geplaatst (zoals ik het wil). Nochtans is de cel even breed (gemeten met een meetlat op het scherm) in beide browsers.

    Kan iemand helpen?

    Hartelijk dank!
    Jerom
    no votes   Reply With Quote Reply With Quote

  2. #2
    Eleven's Avatar
    Registered
    11/01/09
    Location
    neverland
    Posts
    101
    iTrader
    0
    Mentioned
    0 Post(s)
    Probeer eens eerst een CSS reset: Eric Meyer of YUI.

    (BTW, wat staan die PHP tags in uw code te doen? Er zijn trouwens nog andere zaken in uw code die beter kunnen.)
    Last edited by Eleven; 30-07-2010 at 18:48.
    no votes   Reply With Quote Reply With Quote

  3. #3
    BjoJn's Avatar
    Registered
    30/12/06
    Location
    Lauwe - Menen
    Posts
    66
    iTrader
    0
    Mentioned
    0 Post(s)
    Je zal idd best eens een reset uitvoeren zoals eleven zegt... bij de reset rekening houden dat hij zeker reset voor tables, aangezien uw site een tabel is.

    mss best je code eens bekijken, php tags in het begin, iFrame? say whut
    no votes   Reply With Quote Reply With Quote

  4. #4

    Registered
    31/08/02
    Location
    Kortrijk
    Posts
    54
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Wat doet zo'n reset juist? Ik vond niet veel uitleg... Heb es gelinkt naar die stylesheet van YUI, maar dan ziet mijn layout er pas helemaal verkloot uit Ik denk dus dat ik het principe niet helemaal door heb.

    Die php-tags zijn uiteraard fout. Een find/replace 'html'->'php' die een beetje uit de hand gelopen is. Op Zita voetbalprono 2010-2011 heb ik een kopie staan waar ik in kan prutsen. Heb dat al aangepast maar maakte uiteraard niet uit.
    no votes   Reply With Quote Reply With Quote

  5. #5
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    Een CSS reset zorgt ervoor dat alle standaard opmaak verdwijnt. Browsers hebben allemaal zo hun eigen manier van dingen op te maken, bijvoorbeeld hoe een lijst wordt ingesprongen, wat het standaard lettertype en de grootte ervan is, etc. Die CSS reset zorgt ervoor dat alles terug op 0 gezet wordt zodat ge u daar niets van moet aantrekken en ge volledig op uw eigen code kunt vertrouwen.

    Maar als ge dat achteraf pas gaat invoegen dan kan het niet goed gaan, toch niet zonder dat ge achteraf alles nog eens gaat aanpassen.
    no votes   Reply With Quote Reply With Quote

  6. #6

    Registered
    31/08/02
    Location
    Kortrijk
    Posts
    54
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Dus ik moet zo'n css-reset-stylesheet gebruiken, en van daaruit alle layout beginnen aanpassen tot het eruit ziet zoals ik wil? Maar dan veronderstel ik dat ik toch dingen in die reset-stylesheet moet aanpassen ook - of worden die "overschreven" en krijgt een andere voorrang?

    Excuses voor de n00b-vragen
    no votes   Reply With Quote Reply With Quote

  7. #7
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    Ge gaat die waardes later terug overschrijven ja. Maar het punt is dat als ge bijvoorbeeld een ul hebt dat die dan standaard geen margin en geen padding gaat hebben. Ge gaat dus in alle browsers exact dezelfde lijst hebben.

    Gebruikt ge geen CSS reset dan gaat ge bijvoorbeeld in Internet Explorer een list krijgen die 20 pixels padding-left gaat hebben en 0 pixels margin-left, maar in Firefox 0 pixels padding-left en 20 pixels margin-left. Na een CSS reset hebt ge in zowel IE als FF 0 pixels margin-left en 0 pixels padding-left. Achteraf zet gij gewoon zelf de margin-left die ge zelf wilt. Zo hebt ge alle vrijheid van de wereld.

    Een voorbeeldje van hoe het er in de praktijk zou uitzien:

    Spoiler:
    no votes   Reply With Quote Reply With Quote

  8. #8
    Homer`'s Avatar
    Registered
    06/05/07
    Location
    Diest
    Posts
    1,252
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Is zo'n CSS reset aangeraden voor iedereen, altijd? Of enkel als er problemen zijn? Of is het meer voorkomen dan genezen?
    Yu-gi-oh kaarten te koop klik!!
    no votes   Reply With Quote Reply With Quote

  9. #9
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    Het is sowieso altijd aangeraden omdat ge veel minder cross-browser problemen gaat tegengekomen. Het valt wel onder het mom beter voorkomen dan genezen ja.
    no votes   Reply With Quote Reply With Quote

  10. #10

    Registered
    31/08/02
    Location
    Kortrijk
    Posts
    54
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Door vakantie-omstandigheden een tijdje niet meer kunnen zoeken op m'n probleem, vandaag er nog es aan gewerkt en vanaf nul begonnen (ga die vieze iframes buiten gooien).

    Op Zita voetbalprono 2010-2011 staat de 'nieuwe' versie. In Firefox ziet het eruit zoals het moet, maar in IE is de verhouding binnen de tabel volledig om zeep (heb ik gecontroleerd via IE NetRenderer - Browser Compatibility Check -, omdat ik op Linux geen IE heb).

    Ik veronderstel dat borders, paddings etc. anders worden geïnterpreteerd in IE... dus mijn CSS reset zal niet veel uitgehaald hebben. Iemand die me op weg kan helpen?
    no votes   Reply With Quote Reply With Quote

  11. #11

    Registered
    31/08/02
    Location
    Kortrijk
    Posts
    54
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Op CSS Box Model las ik dat het er in IE anders kon uitzien maar dat dit kon opgelost worden door een Doctype toe te voegen. Maar dit heb ik al gedaan...
    no votes   Reply With Quote Reply With Quote

  12. #12
    Eleven's Avatar
    Registered
    11/01/09
    Location
    neverland
    Posts
    101
    iTrader
    0
    Mentioned
    0 Post(s)
    Aan je CSS en HTML te zien denk ik dat je gewoon de class "rechts" vergeten toe te voegen bent aan de rechtse kolom, je zou dit eventueel ook kunnen oplossen door de volledige tabel een width te geven. De foute (maar meer logische) implementatie van het box model van IE heeft hier niets mee te maken.

    Overigens is die tabel al even vies als je iframes in dit geval, een tabel dient om data weer te geven, niet om voor de opmaak/indeling van een site te zorgen. Hiervoor gebruik je divs (of de fancy, meer semantische, nieuwe HTML elementen. Maar let dan wel op voor problemen met sommige browsers). En om kolommen te maken kan je jezelf best verdiepen in floats en het clearen ervan. Eventueel zou je kunnen gebruik maken van display: table, maar ook hier zit je weer met problemen in sommige browsers.
    no votes   Reply With Quote Reply With Quote

  13. #13

    Registered
    31/08/02
    Location
    Kortrijk
    Posts
    54
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Dankje, Eleven, daar zat inderdaad het probleem. Ik weet dat tabellen niet echt daarvoor bedoeld zijn, maar dat zit er nog een beetje in van vroeger... als ik nog wat tijd vind ga ik me toeleggen op het gebruik van divs.

    Ik ben ondertussen alweer een stapje verder. Nu ben ik aan het knoeien met de 'select'-boxes ("Ingeven" en daarna speeldag 6 kiezen, gebruiker en paswoord "nieuw"). Op de oude versie (Zita voetbalprono 2010-2011) staan ze in Firefox zoals ik ze wil, op de nieuwe (Zita voetbalprono 2010-2011) om de een of andere reden anders.

    Waarschijnlijk is er iets in die CSS reset die hiervoor zorgt, maar ik vind niet direct wat
    no votes   Reply With Quote Reply With Quote

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in