Foros del Web » Creando para Internet » CSS »

Algunos elementos se descuadran

Estas en el tema de Algunos elementos se descuadran en el foro de CSS en Foros del Web. Bueno el problema que tengo que es que se descuadran dos divs desplegables dependiendo del navegador y ya no se que hacer, es mi primera ...
  #1 (permalink)  
Antiguo 28/04/2011, 07:41
 
Fecha de Ingreso: abril-2011
Mensajes: 49
Antigüedad: 6 años, 7 meses
Puntos: 1
Algunos elementos se descuadran

Bueno el problema que tengo que es que se descuadran dos divs desplegables dependiendo del navegador y ya no se que hacer, es mi primera web y aunque he visto algunas soluciones incluidas en este y otros foros no soy capaz de conseguir arreglarlo; os pego el css porque aun no la he subido.

Gracias de antemano.


<style type="text/css";>
.body{
color:#FFF;
}
#general{
width:100%;
height:100%;
position:absolute;
top:-5px;
left:60px;
}
#head{
background-color:#FFF;
color: #000;
}
#calidad{
float:left;
text-align:center;
width:33%;
background-color:#000;
color:#F00;
}
#formacion{
float:right;
text-align:center;
width:33%;
background-color:#000;
color:#F00;
}
#consultoria{
text-align:center;
background-color:#000;
color:#F00;
font-size:18px;
width:33%;
}
#contenido{
width:60%;
position:absolute;
left:200px;
height:auto;
background-color:#000;
color:#FFF;
font-family: "Comic Sans MS";
}

#texto{
background-color:#000;
padding: 10px;
font-size:14px;
font-family: "MS Serif", "New York", serif;
margin-left:25px;
line-height:19px;
color:#999;
padding-right:10px;
text-align:justify;
}
.nom .tel .mail{
float:left;
clear:left;
}
#formulario{
float:left;
color:#FFF;
background-color:#000;
width:55%;
}
.text{
float:right;

}
#pie{
bacground-color:#000;
margin-top:10px;
paddin-top:10px;
height:auto;

}
#logos{
background-color:#000;
width:100%;
height:90px;
}
#corte{
background-color:#FFF;
width:100%;
height:15px;
}
#menus{
background-color:#000;
heigth:auto;
font-family:sans-serif;
font-size:18px;
padding:5px,5px,5px,5px;
}

#mencal {
position:absolute;
width:33%;
height:auto;
z-index:1;
left: 0px;
top: 180,5px;
background-color: #333333;
visibility: hidden;
color:#CCC;
font-size:12px;
text-align:justify;
background-color:#333;
}
#mencos {
background-color:#333333;
position:absolute;
width:33%;
height:auto;
z-index:1;
color: #CCC;
visibility: hidden;
left:270px;
top: 180,5px;
font-size:12px;
text-align:justify;
background-color:#333;
}
#menform {
margin-top:10px;
position:absolute;
width:33%;
height:auto;
z-index:1;
visibility:hidden;
left:543px;
top: 170px;
color:#CCC;
font-size:12px;
text-align:justify;
background-color:#333;
}
#quien{
text-align:left;
color:#FFF;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:24px;
font-style: italic;
}
#text2{
font-size:24px;

}
#abajo{
font-size:12px;
}
#tabla{

}
#contacta{
float:left;
position:absolute;
top:60px;
left: 36px;
}
#tlf{
font-weight: bold;

}
#area{
float:right;
width:33%;
color:#000;
}

#area {
position:absolute;
width:135px;
height:57px;
z-index:1;
float:right;
left: 557px;
top: 48px;
}
#titulo{
font-size:24px;
position:absolute;
left: 221px;
top: 125px;
}
</style>

En concreto los elementos que se descuadran son menfor y mencos.
  #2 (permalink)  
Antiguo 28/04/2011, 09:57
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Hola, Isra_84. Bienvenido al foro.

Muevo tu tema al foro de CSS desde Ayuda General.

Saludos,
  #3 (permalink)  
Antiguo 28/04/2011, 12:36
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Algunos elementos se descuadran

Muestra también el codigo html, para ver como se aplican esos estilos.
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #4 (permalink)  
Antiguo 29/04/2011, 04:22
 
Fecha de Ingreso: abril-2011
Mensajes: 49
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Algunos elementos se descuadran

Bueno os aviso que el html esta un pokitín muy sucio ya que uso dreamweaver para hacer la página ( soy el novato más novato que halla existido, existe y existirá ) y al utilizar eventos pues lo llena de movidas muy raras. Hay va el código y por favor comprensión y como siempre gracias de antemano ! :

<div id="general">
<div id="contenido"><center>
<div id="head">
<div id="log"><img src= /></div>



</div><!--fin div head--><br/>
<div id="menus"><div id="titulo"></div>
<div id="calidad" >
<div id="mencal" >
<tr>
<td><img >CALIDAD</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>

</div><!--fin menu consultoría-->


</div>
<div id="formacion" >FORMACIÓN
<div id="menform" >
<tr>
<td</td>
</tr>
<tr>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;<img src="http://www.forosdelweb.com/Documents/ATC/icono-validar.jpg" alt="" width="20" height="20" />&nbsp;&nbsp;&nbsp;PARA DESEMPLEADOS</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table></center>
</div>
</div>
<div id="consultoria" >ESTUDIO DE INGENIERÍA
<div id="mencos" >
<table width="100%" border="1px" cellspacing="5" cellpadding="5">
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</div><!--fin menú formación-->


</div>

</div><!--fin del div menús--><br/>
<div id="corte"></div>
<div id="texto">
<div id="text2"> <p><img src=/> CALIDAD
</p>
</div><!-- este div es para dar formato a CALIDAD-->
<br />
<p>



</p>
</div>
<div id="corte"></div>
<div id="pie">
<div id="quien"></div>
<div id="formulario">
<form>
<textarea id="text" class="text" value="Comentarios..." rows="5" cols="25"></textarea>
<input type="text" id="nom" class="nom" value="Nombre..."/><br />
<input type="text" id="mail" class="mail" value="E-Mail..."/><br/>
<input type="text" id="tel" class="tel" value="Teléfono..."/><br />
<input type="submit" align="left" value="Enviar" id="envia" />


</form></div>
<div id="logos">
<p><img src=...></p>
</div>

<div id="abajo"></div>
</div><!--Este es el fin del pie--->
</center>
<div id="patrocinio">
<img style="float:left;"src="http://www.forosdelweb.com/f53/algunos-elementos-descuadran-907860/.." width="160" height="113" /></div>
</div><!-- este es el fin del div contenido -->

</div><!-- fin de div general-->

</body>

Última edición por Isra_84; 02/05/2011 a las 02:29 Razón: He quitado lo que sobra del html para que sea más legible
  #5 (permalink)  
Antiguo 02/05/2011, 03:59
 
Fecha de Ingreso: abril-2011
Mensajes: 49
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Algunos elementos se descuadran

Se me ocurrió cambiar los tables por listas ( los tables son los menús desplegables cuando el ratón cuando el cursor se posiciona encima ) y milagrosamente se ve bien en los otros equipos, no se si es una solución o un parche pero por ahora funciona

Etiquetas: ayuda-general, elementos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:02.