www.webdeveloper.com
Results 1 to 4 of 4

Thread: Chrome problem

  1. #1
    Join Date
    Jan 2011
    Posts
    3

    Chrome problem

    Hi,I'm developing a page in html.In IE and Firefox it works fine, but in Chrome it gets all messed up.Can anyone help me? Why does this happen?I took print screen, but could not post here.
    So here is the code:
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script type="text/javascript" src="scripts/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.cycle.all.2.74.js"></script>
    <script type="text/javascript">
    $(function() { $('#s4').after('<div id="nav" class="nav">').cycle({
            fx:     'fade', timeout: 500,
            before: function() { if (window.console) console.log(this.src); }
        });});</script>
    <script type="text/javascript">
    var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
    var marqueespeed=1 //Specify marquee scroll speed (larger is faster 1-10)
    var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?
    var copyspeed=marqueespeed
    var pausespeed=(pauseit==0)? copyspeed: 0
    var actualheight=''
    function scrollmarquee(){
    if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8)) 
    cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px" 
    else
    cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
    }
    function initializemarquee(){
    cross_marquee=document.getElementById("vmarquee")
    cross_marquee.style.top=0
    marqueeheight=document.getElementById("marqueecontainer").offsetHeight
    actualheight=cross_marquee.offsetHeight //height of marquee content (much of which is hidden from view)
    if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
    cross_marquee.style.height=marqueeheight+"px"
    cross_marquee.style.overflow="scroll"
    return
    }
    setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
    }
    if (window.addEventListener)
    window.addEventListener("load", initializemarquee, false)
    else if (window.attachEvent)
    window.attachEvent("onload", initializemarquee)
    else if (document.getElementById)
    window.onload=initializemarquee
    </script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    body{ font-family: Verdana, Geneva, sans-serif;}
    A:link {text-decoration:none}
    A:visited {text-decoration:none}
    A:active {text-decoration:none}
    #marqueecontainer{
    position: relative;margin:10px;
    width: 220px;height: 200px;
    background-color: transparent;
    overflow: hidden;padding: 0px;padding-left: 4px;
    }</style>
    </head>
    <body style="overflow-x:hidden">
    <table width="1130" align="center">
    <tr><td width="1130"><table width="99%" align="center">
    <tr><td width="10%">&nbsp;</td>
    <td width="64%"><a href="index6.html"><img src="Imagens/Icon/logop.jpg" width="342" height="174" border="none" /></a></td>
    <td width="16%"><img src="Imagens/Icon/arearestrita4.png" width="132" height="23" /><form name="login" method="post"><br />
    <input name="username" class="campos" id="username" title="usuário" type="text" value="usuário" size="22" style="color:#666; background-color:transparent"  onblur="if (this.value=='') this.value='usuário'" onfocus="if (this.value=='usuário') this.value=''" /><br /><br />
    <input name="password" class="campos" id="password" title="sua senha" type="password" value="senha" size="14" style="color:#666; background-color:transparent" onblur="if (this.value=='') this.value='senha'" onfocus="if (this.value=='senha') this.value=''" />&nbsp;
    <input name="Submit" type="submit" class="botao" value="OK" style="color:#666; border-color:#CCC; background-color:transparent;" border="1" onClick="Login()"/>&nbsp;&nbsp;</form></td>
    <td width="10%">&nbsp;</td>
    </tr></table></td></tr>
    <tr><td><img src="Imagens/Cabecalho/fig1.png" /></td></tr>
    <tr><td><table align="center" bgcolor="#002F67" width="1130px"><tr><td>
    <table align="center"><tr><td>
    <ul id="MenuBar2" class="MenuBarHorizontal">
        <li><a class="MenuBarItemSubmenu" href="#">A Empresa&nbsp;</a> 
    	    <ul><li><a href="historia.html">História</a></li>
                <li><a href="departamentos.html">Departamentos</a></li>
                <li><a href="galeria.html">Galeria de Fotos</a></li>
                <li><a href="estatuto.html">Estatuto</a></li></ul>
        </li>
    	<li><a class="MenuBarItemSubmenu" href="#">Serviços&nbsp;</a> 
            <ul><li><a href="consultoria.html">Consultoria Projeto Leite a Pasto</a></li></ul></li>
    </ul>
    </td></tr></table></td></tr></table>
    </td></tr>
    <tr><td>
    <table align="center"><tr><td>
        <div style="width:893px;" id="s4">
        <a href="#"><img src="Imagens/Slide/slide1.png" border="none" /></a>      
        <a href="#"><img src="Imagens/Slide/slide2.png" border="none" /></a>
    </div></td></tr></table>
    </td></tr>
    <tr><td>&nbsp;</td></tr>
    <tr><td>
        <table align="center">
          <tr>
            <td background="Imagens/depo.png" style="background-repeat:no-repeat" align="center" width="400px" height="150">
            <font color="#002F67" size="4">Depoimento</font><br /><br />
            "É gratificante perceber que a CONAVET com o passar do tempo, não apenas perdurou, mas evoluiu."
            <br /><br />Fábio Luíz Rocha - 1º Diretor Presidente<br /><br />
            <a href="depoimentos.html"><font size="1">Ver todos os depoimentos</font></a></td>
            <td>&nbsp;</td>
            <td background="Imagens/depo.png" style="background-repeat:no-repeat" align="center" width="400px" height="150">
            <font color="#002F67" size="4">Em Breve</font><br /><br />
            <img src="Imagens/FOTO.jpg" width="150" height="91" /><br /><br />
            <a href="eventos.html"><font size="1">Saiba mais</font></a></td>
            <td>&nbsp;</td>
     <td background="Imagens/depo.png" style="background-repeat:no-repeat" align="center" width="400px" height="150">
            <font color="#002F67" size="4">Enquete</font><br /><br />
            Texto texto texto<br /><br />
            <a href="enquete.html"><font size="1">Participe</font></a></td>
          </tr></table>
    </td></tr>
    <tr><td>&nbsp;</td></tr>
    <tr><td>
    <table align="center">
      <tr>  <td width="390" height="311">
        <table width="390" height="305" align="center">
          <tr><td width="272" height="20">&nbsp;</td></tr>
          <tr><td height="277" style="background-image:url(Imagens/Noticias/noticias_fundo.png); background-repeat:no-repeat;">
            <table width="220" height="180"><tr><td width="87" height="101">
            <div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed" style="left:121px;">
            <div id="vmarquee" style="position: absolute; width: 214px; left: 1px; top: 1px;">
            <a href="#">Link 1</a><br />
            Notícia 1 Notícia 1 asade 
            <br /><br /><br />
            <a href="#">Link 2</a><br />
            Notícia 2
            <br /><br /><br />
            <a href="#">Link 3</a><br />
            Notícia 3        
            </div>
            </div></td></tr></table>
            </td></tr></table>
        </td>
        <td width="750">
        <table width="760" align="center">
          <tr>
           <td colspan="6" background="Imagens/perfil.png" style="background-repeat:no-repeat" align="center" height="130px">
            <font color="#002F67" size="4">Perfil do Consultor Júnior</font><br /><br /> bla bla bla</td> </tr>
           <tr><td colspan="6">&nbsp;</td></tr>
          <tr>
            <td colspan="2" align="center"><font color="#002F67" size="4">Mercado Leiteiro</font></td>
            <td colspan="2" align="center"><font color="#002F67" size="4">Artigos</font></td>
            <td colspan="2" align="center"><font color="#002F67" size="4">Seja um de nós</font></td>
          </tr>
          <tr>
            <td width="92"><a href="mercado.html"><img src="Imagens/Fim/Mercado_leiteiro.jpg" border="none" /></a></td>
            <td width="152" align="left"><font size="2">Saiba o preço do leite em todo o país.</font></td>
            <td width="92"><a href="artigos.html"><img src="Imagens/Fim/artigos.jpg" border="none" /></a></td>
            <td width="152" align="left"><font size="2">Fique por dentro das últimas publicações.</font></td>
            <td width="92"><a href="um_de_nos.html"><img src="Imagens/Fim/um_de_nos.jpg" border="none" /></a></td>
            <td width="152" align="left"><font size="2">Conheça nosso processo seletivo e fique atento às inscrições.</font></td></tr> </table>
        </td></tr></table>
    </td></tr>
    <tr><td>&nbsp;</td></tr>
    <tr><td bgcolor="#002859" height="60px">
    <table width="100%">
      <tr><td width="1%">&nbsp;</td>
        <td width="18%"><img src="Imagens/RedesSociais/redes-sociais.png" width="137" height="43" border="0" usemap="#Map" />
        <map name="Map"> 
        <area shape="rect" coords="2,2,39,37" href="http://www.orkut.com.br/Main#Profile?uid=10523239873751245979" title="Orkut" target="_blank"> 
        <area shape="rect" coords="50,4,87,40" href="http://www.facebook.com/profile.php?id=100002047831929" title="Facebook" target="_blank"> 
        <area shape="rect" coords="99,4,134,37" href="http://twitter.com/conavet" title="Twitter" target="_blank"> 
         </map></td> 
        <td align="center" width="80%"><font color="#FFFFFF" size="2">© 2011. Todos os direitos reservados.<br />
        Conavet Consultoria e Assistência Veterinária</font></td>
        <td width="6%"><img src="Imagens/Icon/ass3.png" width="66" height="15" title="lpereira.wd@gmail.com" /></td>
      </tr></table>
    </td></tr></table>
    <script type="text/javascript">
    <!--
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

  2. #2
    Join Date
    Jan 2011
    Posts
    3

  3. #3
    Join Date
    Nov 2010
    Location
    Los Angeles, CA
    Posts
    234
    I recommend you first try to modify your page to use valid HTML. You are missing tags, attributes, etc.

    Take a look: http://validator.w3.org/check?uri=ht...Inline&group=0

  4. #4
    Join Date
    Jan 2011
    Posts
    3
    Quote Originally Posted by Big O(1) View Post
    I recommend you first try to modify your page to use valid HTML. You are missing tags, attributes, etc.

    Take a look: http://validator.w3.org/check?uri=ht...Inline&group=0
    Thank you so much..
    I fixed almost all bugs, only missing one, but I'll try to make the slideshow in another way.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles