Entrar

problemas con global

malboro45 · · Solicitar retirada
hola, tengo un problemilla, esta es mi web:
http://pilotabenidolech.atwebpages.com
mi problema es que el contenido me sale mas ancho que la cabecera.
ahi dejo mi html, y mi estilo.
gracias

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

<title>Club de pilota de Benidoleig</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<bgsound src="objetos/musica.mid" loop="infinite" />

</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">CLUB </div>
<div id="publicidad">PELOTA</div>
<div id="publicidad">BENIDOLEIG </div>
</div>
<div id="navegacion">
<ul>
  • inicio
  • resultados
  • Sección 3
  • Seccion 4
  • Seccion 5
  • Seccion 6
  • Seccion 7

    </div>
    </div>

    <div id="contenido">
    <texto>

    <div id="menu">
    <h1></h1>
    <ul>
  • [contenido no disponible]

    </div>



    <div id="menud">
    <h1></h1>
    <a href="http://www.descargarvideosyoutube.net">[contenido no disponible]
    </div>



    <embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://i251.photobucket.com/albums/gg294/wafpaf/clocks/swf/digitald…" quality="high" width="200" height="80" swliveconnect="true" allowscriptaccess="samedomain" /></a>
    <div id="TT_S6o7Z61KBFsd1S4m2Z7"><h2></h2></div>
    <script type="text/javascript" src="http://www.tutiempo.net/TTapi/S6o7Z61KBFsd1S4m2Z7"></script
    <h2>
    <h2><CENTER><BASEFONT>
    <CENTER>
    <SCRIPT language=JavaScript1.2>
    <!-- Begin
    function initArray() {
    this.length = initArray.arguments.length;
    for (var i = 0; i < this.length; i++) {
    this = initArray.arguments;
    }
    }

    var ctext = "PILOTARIS!!";
    var speed = 1000;
    var x = 0;
    var color = new initArray(
    "red",
    "blue",
    "green",
    "black"
    );
    if(navigator.appName == "Netscape") {
    document.write('<layer id="c"><center>'+ctext+'</center></layer>
    ');
    }
    if (navigator.appVersion.indexOf("MSIE") != -1){
    document.write('<div id="c"><center>'+ctext+'</center></div>');
    }
    function chcolor(){
    if(navigator.appName == "Netscape") {
    document.c.document.write('<center><font color="'+color); document.c.document.write('">'+ctext+'</font></center>');
    document.c.document.close();
    }
    else if (navigator.appVersion.indexOf("MSIE") != -1){
    document.all.c.style.color = color;
    }
    (x <color.length-1) ? x++ : x=0; } setInterval("chcolor()",1000); // End -->
    </SCRIPT>
    </CENTER></CENTER></BASEFONT>
    <h2>
    <h2></h2>

    <h2><script language="JavaScript1.1">
    var specifyimage=new Array() //Your images
    specifyimage[0]="objetos/foto1.jpg"
    specifyimage[1]="objetos/foto2.jpg"
    specifyimage[2]="objetos/foto3.jpg"
    specifyimage[3]="objetos/foto4.jpg"
    specifyimage[4]="objetos/foto5.jpg"
    specifyimage[5]="objetos/foto6.jpg"
    specifyimage[6]="objetos/foto7.jpg"
    specifyimage[7]="objetos/foto8.jpg"
    var delay=8000 //8 seconds

    //Counter for array
    var count =1;

    var cubeimage=new Array()
    for (i=0;i<specifyimage.length;i++){
    cubeimage=new Image()
    cubeimage.src=specifyimage
    }

    function movecube(){
    if (window.createPopup)
    cube.filters[0].apply()
    document.images.cube.src=cubeimage.src;
    if (window.createPopup)
    cube.filters[0].play()
    count++;
    if (count==cubeimage.length)
    count=0;
    setTimeout("movecube()",delay)
    }

    window.onload=new Function("setTimeout('movecube()',delay)")
    </script>

    [contenido no disponible]</h2>



    [contenido no disponible]el futuro[contenido no disponible]carrozas</p>




    [contenido no disponible]
    <table width="50%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <th scope="col"> WEB </th>
    <th scope="col">[contenido no disponible]</th>
    <th scope="col">www.pepecorreu.com</th>
    </tr>
    </table>
    [contenido no disponible]
    <table width="50%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <th scope="col">PRESIDENTE</th>
    <th scope="col">[contenido no disponible]</th>
    <th scope="col">ADOLFO SUARES</th>
    </tr>
    </table>
    [contenido no disponible]

    <table width="50%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <th scope="col">TELEFONO </th>
    <th scope="col">[contenido no disponible]</th>
    <th scope="col">616245913</th>
    </tr>
    </table>
    [contenido no disponible]
    <table width="50%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <th scope="col">SEDE</th>
    <th scope="col">[contenido no disponible]</th>
    <th scope="col">BENIDOLEIG</th>
    </tr>
    </table>
    [contenido no disponible]
    <table width="50%" border="10" cellspacing="10" cellpadding="10">
    <tr>
    <th clas="d1">PILOTARIS</th>
    <th clas="d2">[contenido no disponible]</th>
    <td clas="d3"><ul>
  • VICTOR SEGUI
  • JUAN MENGUAL
  • JUAN SANCHEZ
      </th>
      </tr>
      </table>
      [contenido no disponible]

      </texto>
      </div>

      <div id="curva-inferior"></div>
      </div>
      </body>
      </html>

      * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
      p {font-family:arial;color:black;font-size:16;text-align: center}
      p1 {font-family:algerian;color:green;font-size:36}
      ol{font-family:arial ;color:black;font-size:16}
      h1 {font-family: arial; font-size: 18px; color:blue; font-weight: bold ; text-decoration: none ;
      text-align: left}
      h2 {font-family:algerian;font-size: 60px; color:royalblue ; font-weight: bold ; text-decoration: none ;
      text-align: center;border-bottom:60px}
      body {text-align: center }
      #global {width:800px ; margin:4px auto }

      #curva-superior { background-image: url(objetos/curva-superior.gif.gif) ;
      º background-repeat: no-repeat ;
      width: 800px ;
      height:12px ;
      overflow: hidden }
      #cabecera {background-color: lightCyan; border-left: black 1px solid ;
      border-right: black 1px solid ; height:85px}
      #logotipo {width:100px ; float:left }
      #publicidad {background-color:lightCyan; color: blue; font-family: algerian; width:450px ; float:right ; margin-top:0px ; font-size: 60px }
      #navegacion {color: red; font-family:algerian;font-size:15px;background-color: lavender; border: black 1px solid ; height:10px}
      #navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 20px }
      #navegacion ul { margin-left: 60px }
      #contenido {background-color: #EEDD82; border-left: black 1px solid ;
      border-right: black 1px solid ;border-top:1px solid}
      #texto {font-family:algerian;width:280;background-color:yellow;float:right}
      #menu {width:150px;float:left;text-align:center;margin:3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferio.gif.gif);background-position:justify;padding-bottom:5px}
      #menu li {list-style:none ; margin: 4px 0px 4px 6px }
      #menu h1 {text-align: center;text-decoration:none ; font-size:16px ; padding-top:12px ;background-image: url(objetos/menu-parte-superior.gif.gif) }
      #menud {width:150px;float:right;text-align:center;margin:3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferio.gif.gif);background-position:justify;padding-bottom:5px}
      #menud li {list-style:none ; margin: 4px 0px 4px 6px }
      #menud h1 {font-family:arial ;text-align: center;text-decoration:none ; font-size:12px ; padding-top:12px ;background-image: url(objetos/menu-parte-superior.gif.gif) }
      #fotos {width:400; height: 400px; background-color:none ;float:right}
      td.a1{ background-color: #FAEBD7; width: 150px ; text-align:center;font-family:arial;color:#00008B;background-position:justify;}
      td.a2{ background-color: #FAEBD7;width:150px;text-align:left;background-position:justify }
      td.a3{ background-color: #FAEBD7; width: 150px ; text-align:center;font-family:arial;color:#00008B;background-position:justify;}
      td.a4{ background-color: #FAEBD7;width:150px;text-align:left;background-position:justify }


      td.b1{ background-color: #OEBEBA ; width: 50px ;font-weight:bold;text-align:left; }
      td.b2{ background-color: #87CEFA ;font-weight:bold;color:#3300FF; text-align:left;background-position:bottom;}
      td.b3{ background-color: #OEBEBA ; width: 50px ;text-align:left; }

      td.c1{ background-color: yellow ; width: 150px ; font-weight:bold;text-align:left;background-position:bottom;}
      td.c2{ background-color: #F6DA98 ;text-align:left; }

      td.d1{ background-color: #OEBEBA ; width: 50px ; text-align:center;}
      td.d2{ background-color: #OEBEBA ; font-weight:bold;text-align:center;}
      td.d3{ background-color: #FFA500; width: 150px ;text-align:center; font-family:arial}

      td.e1{ background-color: #87CEFA ;font-weight:bold ;width: 150px ; text-align:center;}
      td.e2{ background-color: white ; font-weight:bold; text-align:center;}
      td.e3{ background-color: white; width: 150px ; text-align:center;}
      th.f1{background-color:#87CEFA;width:50px;text-align:left;}
      th.f2{background-color:white;width:20px;text-align:left; color:blue;font-family: arial ; ; font-size: 20px }
      th {background-color:#FFA500;width:50px;text-align:left;color:black;font-family:arial ;font-size:20px}
      #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
      #menu {width:150px;float:left;text-align:left;margin:3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferio.gif.gif);background-position:bottom;padding-bottom:5px}
      #menu li {list-style:none ; margin: 4px 0px 4px 6px }
      #menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;background-image: url(objetos/menu-parte-superior.gif.gif) }
      #menud {width:150px;float:right;text-align:center;margin:3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferio.gif.gif);background-position:bottom;padding-bottom:5px}
      #menud li {list-style:none ; margin: 4px 0px 4px 6px }
      #menud h1 {text-align: center;text-decoration:none ; font-size:12px ; padding-top:12px ;background-image: url(objetos/menu-parte-superior.gif.gif) }
      #pie {background-color:white; border-left: black 1px solid ; border-right: black 1px solid ;
      border-top: black 1px solid ; height: 20px }
      #pie li {list-style:none;font-size:12px}
      #pieuno {float:left ; width:150px }
      #piedos {float:left ; width:498px ;}
      #pietres {float:right ; width:150px }

      #curva-inferior { background-image: url(objetos/curva-inferior.gif.gif) ;
      background-repeat: no-repeat ;
      width: 800px ;
      height:12px ;
      overflow: hidden }
      a {color: brown ; text-decoration:none ; display: block }
      a:link {}
      a:visited {}
      a:hover {color:red ; text-decoration:underline ; background-color: silver}
      a:active {}
      #pie a {color: blue; text-decoration:none ; display: block }
      #pie a:link {}
      #pie a:visited {}
      #pie a:hover {color:black ; text-decoration:underline ; background-color: white }
      #pie a:active {color:black}
      #logotipo a {}
      #logotipo a:link {}
      #logotipo a:visited {}
      #logotipo a:hover {background-color: white }
      #logotipo a:active {}
      1. Yaneth · · Solicitar retirada
      HOLA

      AHORITA NO LO PUEDO CHECARa fondo porque no tengo el programa adecuado (tuve que formatear mi pc :cry: )
      pero. te adelanto un poco para que le revises

      mira lo que tienes aqui

      <div id="cabecera">
      <div id="logotipo">[contenido no disponible]</div>

      en rojo, dices que tu imagen mide 200 de alto por 200 de ancho
      peero en el css dices esto

      #cabecera {background-color: lightCyan; border-left: black 1px solid ;
      border-right: black 1px solid ; height:85px}

      que la cabecera mide 85 de alto, como veràs
      por eso se te desborda, dale una checada a toda la web, teniendo en cuenta eso

      saludos