1. #1
    stijnd's Avatar
    Registered
    19/04/08
    Posts
    1,830
    iTrader
    29 (97%)
    Mentioned
    0 Post(s)

    Layout & menu omzeep in FF en IE

    Hallo,

    Ik heb een probleem op de website van onze scouts. Op sommige computers toont hij de website perfect (macgebruiker met safari & firefox), op sommige computers met IE en FF werkt het ook.
    Maar dan zijn er weer andere waar de layout compleet omzeep (én het menu niet aanklikbaar) is in IE, of het menu niet goed is in FF.

    Layout compleet omzeep screen: klikje
    Menu niet goed screen (menu-items kunnen niet worden aangeklikt on komen ook achter de content text): klikje

    Dit is het style.css bestand: klikje
    index.php: klikje

    Iemand een oplossing?

    Bedankt!
    no votes  

  2. #2

    Registered
    14/08/10
    Location
    Diest
    Posts
    2,419
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    8/16
    Een cssreset wordt vaak aangeraden bij soortgelijke problemen, dus dat kan je eens proberen De link naar de site zelf kan je misschien ook eens posten.
    no votes  

  3. #3
    stijnd's Avatar
    Registered
    19/04/08
    Posts
    1,830
    iTrader
    29 (97%)
    Mentioned
    0 Post(s)
    Link naar de site zelf: Scouts Sint-Paulus Bonheiden - Takken
    De site zou er trouwens zo moeten utzien: klik
    no votes  

  4. #4
    stijnd's Avatar
    Registered
    19/04/08
    Posts
    1,830
    iTrader
    29 (97%)
    Mentioned
    0 Post(s)
    Blijkbaar werkt het niet op oudere FF & IE versies. Ik ben dus opzoek naar een scriptje (java?) dat controleert welke versie van FF/IE een bezoeker heeft en wanneer hij niet de nieuwste heeft een bericht geeft dat hij/zij zijn browser moet updaten om de website goed te kunnen bekijken.

    Heeft iemand zo iets?



    Edit: Ondertussen dit script gevonden (klikje), nu hoe kan ik maken dat wanneer iemand een browser heeft die te laag van versie is, er een popup verschijnt met een link naar de FF/IE website waar je de update kan downloaden? Deze popup zou zodanig moeten zijn dat ze op de eigenlijke website niet geraken..
    no votes  

  5. #5

    Registered
    14/08/10
    Location
    Diest
    Posts
    2,419
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    8/16
    Maak een extra html pagina aan met zeer simpele css waarop staat dat ze een nieuwere browser moeten hebben etc. Kan je imo beter vanuit je javascriptje redirecten naar de html pagina zelf dan naar een popu- (ivm pop-up blockers)
    no votes  

  6. #6
    stijnd's Avatar
    Registered
    19/04/08
    Posts
    1,830
    iTrader
    29 (97%)
    Mentioned
    0 Post(s)
    En hoe doe je dat?
    no votes  

  7. #7

    Registered
    14/08/10
    Location
    Diest
    Posts
    2,419
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    8/16
    Code:
            <script type="text/javascript">
    
    if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Firefox/x.x or Firefox x.x (ignoring remaining digits);
     var ffversion=new Number(RegExp.$1) // capture x.x portion and store as a number
     if (ffversion>=3)
      document.write()
     else if (ffversion<3)
      window.location="http://www.uwsite.be/popup.html";
    }
    else
     document.write()
    
    </script>
    <script type="text/javascript">
    
    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
     var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
     if (ieversion>=8)
      document.write()
     else if (ieversion<8)
      window.location="http://www.uwsite.be/popup.html";
    }
    else
     document.write()
    </script>
    Zoiets misschien. Ik weet zeer weinig van javascript, dus please correct me
    no votes  

  8. #8
    stijnd's Avatar
    Registered
    19/04/08
    Posts
    1,830
    iTrader
    29 (97%)
    Mentioned
    0 Post(s)
    dat werkt!
    no votes  

  9. #9

    Registered
    14/08/10
    Location
    Diest
    Posts
    2,419
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    8/16
    Haha, ook eerste keer dat ik iets neerschrijf dat helpt
    no votes  

  10. #10
    Testuk's Avatar
    Registered
    01/05/10
    Location
    Thuis
    Posts
    32
    iTrader
    0
    Mentioned
    0 Post(s)
    @ BramVroy
    Is vaak inderdaad een gemakkelijke oplossing. Al zou ik het dan wel niet doen in JavaScript. Ikzelf, en ik hoor het tegenwoordig wel vaker, durf mijn JS wel is uit te schakelen. (Sjonge, je haalt daar mee vele slechte sites uit je browsers en reclame weg :P). Ik zou het dus in PHP schrijven.

    Verder is er wel nog een betere oplossing: opnieuw beginnen & de standaarden perfect volgen (w3.org). Eveneens tijdens het ontwikkelen geregeld gaan kijken in alle browsers.

    Editje Heb nog oud scriptje van me gevonden, is niet zo net geschreven, maar kom, this bruikbaar.
    Code:
    <?php
    $browsers = array('/MSIE/','/Opera/', '/Apple/');
    $false = 0;
    foreach($browsers as $browser)
    	{
        if(preg_match($browser, $_SERVER['HTTP_USER_AGENT']))
        	{
    			 $result = $browser;
        	}
    		else
    			{
    			 $false++;
    			}
    	}
    if($false==3)
    	{
    	 $result = 'default';
    	}
    echo '<link href="sheets/'.str_replace('/', '', $result) . '.css" rel="stylesheet" type="text/css" />';
    ?>
    Last edited by Testuk; 24-08-2010 at 23:31. Reason: stukje code
    Boohoo
    no votes  

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