Ver Mensaje Individual
  #11 (permalink)  
Antiguo 09/08/2008, 09:16
haga41
 
Fecha de Ingreso: junio-2008
Mensajes: 145
Antigüedad: 15 años, 10 meses
Puntos: 0
Respuesta: Problemas de ajuste con divs(Firefox)

No pasa nada, te entendí mal, voy a ponerte el código fuente que me da Firefox 3 de una de las páginas, son todas del mismo estilo mostrando resultados de búsquedas y cosas así, a ver si puedes ayudarme a ver donde falla, tiene todo excepto los textos de búsqueda alfabética que funciona ok. El problema que tengo es con los divs, te pongo links a unas capturas que he hecho para que se vea mejor.


Código HTML:
<!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"><!-- InstanceBegin template="Templates/plantillaVC.dwt.asp" codeOutsideHTMLIsLocked="false" -->
<head>
<link rel="stylesheet" type="text/css" href="estilovideoclub.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body>
<div class="titulo"><h1 class="titular">VIDEOCLUB ONLINE</h1></div>

<div class="decoracion">&nbsp;</div>
<div class="fondonegro">
     
    <div class="genero"><a href="listado.asp?id=1">Accion</a></div>
    <div class="genero"><a href="listado.asp?id=2">Animacion</a></div>
    <div class="genero"><a href="listado.asp?id=4">Ciencia Ficcion</a></div>
    <div class="genero"><a href="listado.asp?id=5">Comedia</a></div>
    <div class="genero"><a href="listado.asp?id=6">Drama</a></div>
    <div class="genero"><a href="listado.asp?id=3">Suspense - Terror</a></div>
    <form action="buscarmultiple.asp?tmultiple=tmultiple" method="get">
    <input name="tmultiple" type="text" id="tmultiple" style="height:17px;border:none;padding-top:0px;margin-top:0px;" size="15" />
    <select style="height:18px;border:none;padding-top:0px;margin-top:0px;" name="multiple" id="multiple">
      	<option value="1" selected="selected">Interprete</option>
       	<option value="2" >Director</option>
       	<option value="3" >Titulo</option>
        <option value="4" >Todas</option>
       </select>
    <label>
    <input  type="submit"  name="button3" id="button3" value="Buscar" />
    </label>
  </form>
</div>

<div class="decoracion">&nbsp;</div>
<div class="fondoverde">

<div class="fondoblanco">
<!-- InstanceBeginEditable name="Editable" -->
<div class="menu31">   
			
 		<div class="fila">
            	<div class="lista1">
                <a href="detalle.asp?id=7" title="Detalle" target="_self"><img class="imagen" style="border: 1px solid #0000;"  src="miniaturas/07.jpg" /></a>
                </div>          
                    <div class="lista">
                        <ul>
                            <li><span class="negrita">Akira</span> <a href="buscaranio.asp?anio=1988" target="_self">(1988)</a></li>
                            <li class="verde"><a href="buscarpais.asp?pais=Japón" target="_self">Japón</a></li>
                            <li><a href="buscardirector.asp?director=Katushiro Otomo" target="_self">Katushiro Otomo</a></li>
                            <li>Animación</li>
                        </ul>
                    </div>
                </div>
                <div class="fila">
            	<div class="lista1">

                <a href="detalle.asp?id=15" title="Detalle" target="_self"><img class="imagen" style="border: 1px solid #0000;"  src="miniaturas/15.jpg" /></a>
                </div>          
                    <div class="lista">
                        <ul>
                           <li><span class="negrita">Animatrix</span> <a href="buscaranio.asp?anio=2003" target="_self">(2003)</a></li>
                            <li class="verde"><a href="buscarpais.asp?pais=USA/Japón" target="_self">USA/Japón</a></li>
                            <li><a href="buscardirector.asp?director=Varios" target="_self">Varios</a></li>

                            <li>Animación</li>
                        </ul>
                    </div>
                </div>			
 		<div class="fila">
            	<div class="lista1">
                <a href="detalle.asp?id=18" title="Detalle" target="_self"><img class="imagen" style="border: 1px solid #0000;"  src="miniaturas/18.jpg" /></a>
                </div>          
                    <div class="lista">

                        <ul>
                            <li><span class="negrita">Appleseed</span> <a href="buscaranio.asp?anio=2004" target="_self">(2004)</a></li>
                            <li class="verde"><a href="buscarpais.asp?pais=Japón" target="_self">Japón</a></li>
                            <li><a href="buscardirector.asp?director=Shinji Aramaki" target="_self">Shinji Aramaki</a></li>
                            <li>Animación</li>
                        </ul>
                    </div>
                </div>
               <div class="fila">
            	<div class="lista1">
                <a href="detalle.asp?id=93" title="Detalle" target="_self"><img class="imagen" style="border: 1px solid #0000;"  src="miniaturas/93.jpg" /></a>
                </div>          
                    <div class="lista">
                        <ul>
                           <li><span class="negrita">Final Fantasy VII: Advent Children</span> <a href="buscaranio.asp?anio=2005" target="_self">(2005)</a></li>
                            <li class="verde"><a href="buscarpais.asp?pais=Japón" target="_self">Japón</a></li>
                            <li><a href="buscardirector.asp?director=Tetsuya Nomura, Takeshi Nozue" target="_self">Tetsuya Nomura, Takeshi Nozue</a></li>
                            <li>Animación</li>
                        </ul>
                    </div>
                </div>    
</div>
  <!-- InstanceEndEditable -->

</div>
  <div class="menu4">
    Búsqueda por décadas
    <div class="decoracion2">&nbsp;</div>
  </div>
      <div class="menu5">
        <a href="buscardecada.asp?decada=1">60</a>
        <div class="decoracion2">&nbsp;</div>
      </div>

      <div class="menu5">
       <a href="buscardecada.asp?decada=2">70</a>
        <div class="decoracion2">&nbsp;</div>
      </div>
      <div class="menu5">
        <a href="buscardecada.asp?decada=3">80</a>
        <div class="decoracion2">&nbsp;</div>
      </div>

      <div class="menu5">
        <a href="buscardecada.asp?decada=4">90</a>
        <div class="decoracion2">&nbsp;</div>
      </div>
      <div class="menu5">
        <a href="buscardecada.asp?decada=5">00</a>
        <div class="decoracion2">&nbsp;</div>
      </div>

      <div class="menu4">
        Foro
        <div class="decoracion2">&nbsp;</div>
     </div>
     <div class="menu4">
          	<form class="formulario" action="" method="post" target="_self">
    Usuario
      <input name="usuario" type="text" id="usuario" size="13" />
     Contraseña
      <input name="pwd" type="text" id="pwd" size="13" style="margin-bottom:5px;" />

      <input  type="submit"  name="button4" id="button4" value="Acceder" />
      </form>
    </div>
    
            <div class="decoracion2">&nbsp;</div>
       <div class="espacio"></div>
    </div>
    
<div class="decoracion"></div>
<div class="fondonegro2">
BUSQUEDA ALFABETICA: 
    </div>  

<div class="decoracion"></div>
</body>
<!-- InstanceEnd --></html> 
Está es una captura de como quedan algunas y como quiero que queden todas:
<a href="http://i524.photobucket.com/albums/cc328/s7474/1.jpg">imagen1</a>

Estas 2 fallan por diferentes cosas, en una se desajusta un borde y en la otra las capas.
<a href="http://i524.photobucket.com/albums/cc328/s7474/2.jpg">imagen2</a>
<a href="http://i524.photobucket.com/albums/cc328/s7474/3.jpg">imagen3</a>

Gracias por tener tanta paciencia, seguro que el fallo es una tontería pero no consigo verlo.

Si quieres, te pongo en otro mensaje los css ya que han cambiado un poco respecto a los que he puesto antes.

Última edición por haga41; 09/08/2008 a las 09:21 Razón: Hacerlo más accesible