Bienvenido: ( Identificarse | Registrarse )      
Foros de Trucos Windows
Closed TopicStart new topicStart Poll

Outline · [ Estándar ] · Lineal+

> pagina web, diferente en explore y firefox

alfonsolist
post Jan 29 2007, 10:34 AM
Publicado: #1


Maestro
*****

Grupo: Members
Mensajes: 238
Registrado: 30-October 06
Miembro nº: 184.910



Hola estoy haciendo una web con hojas de estilos, el problema es que el IE me lo muestra como quiero, pero firefox, no, me monta el menu sobre la cabecera de la pagina y el contenido lo desplaza mas abajo, coloco la hoja de estilos y el htm x si me puede ayudar alguien. Gracias

####################HTML

CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>


<link rel="STYLESHEET" type="text/css" rel="nofollow" href="./estilo.css"><title></title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body>
<div id="contenedor">
 <div id="encabezado">
   
   <table>
     <tbody><tr>
       <td> </td>
       <td> <p class="encabezado">sdgsdgsd34435dsgds</p></td>
     </tr>
   </tbody></table>
 </div>  
 
 <div id="lateralizquierdo">
   <table width="156">
     <tbody><tr>
       <td ><p ><a rel="nofollow" href="prueba">Menu1</a></p></td>
     </tr>
     <tr>
       <td ><p ><a rel="nofollow" href="prueba">Menu2</a></p></td>
     </tr>
     <tr>
       <td ><p><a rel="nofollow" href="prueba">Menu3</a></p></td>
     </tr>
     <tr>
       <td ><p ><a rel="nofollow" href="prueba">Menu4</a></p></td>
     </tr>
     <tr>
       <td ><p ><a rel="nofollow" href="prueba" >Menu5</a></p></td>
     </tr>
     <tr>
       <td><p ><a rel="nofollow" href="prueba">Menu6</a></p></td>
     </tr>
     <tr>
       <td ><p ><a rel="nofollow" href="prueba">Menu7</a></p></td>
     </tr>
     <tr>
       <td ><p ><a rel="nofollow" href="prueba">Menu8</a></p></td>
     </tr>
     <tr>
       <td><p "><a rel="nofollow" href="prueba">Menu9</a></p></td>
     </tr>
     <tr>
       <td ><p ><a rel="nofollow" href="prueba">Menu10</a></p></td>
     </tr>
     <tr>
       <td ><p ><a rel="nofollow" href="prueba">Menu11</a></p></td>
     </tr>
   </tbody></table>
 </div>
 
 <div >    
   <table>
     <tbody><tr>
       <td><p >asdfasfasdfasdf</p>
         <p >asdasfasfdads</p></td>
     </tr>
   </tbody></table>
   <table width="594">
     <tbody>
     <tr>
       <td height="40"><p>sfdgsfdg</p></td>
       <td><p >sdfgfdsg</p></td>
       <td><p>sdfgfdsg</p></td>
     </tr>
   </tbody></table>    
 </div>
</div>
</body></html>




CODE
#################### CSS


#CONTENEDOR{        
text-align:left;
margin:auto;
width:750px;
}

#lateralizquierdo{
position:relative;
top:160 px;
width:19%;
font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align:left;
background-color: #233E0E;
}

#encabezado{
width:100%;
position:absolute;
height:160px;
background-color: #E7EAC3;
}


p.encabezado{
font: 13pt Verdana, Arial, Helvetica, sans-serif;
font-style:oblique;
font-weight: bold;
text-align: right;
color:#BA8F78;
}



User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Lord MinDokan
post Jan 30 2007, 05:52 AM
Publicado: #2


Más alto subes, más duro el golpe de la caída.-
Group Icon

Grupo: Moderadores
Mensajes: 3.481
Registrado: 6-February 06
Desde: Argentina, Santa Fe, Rosario
Miembro nº: 159.059



Es problema del tag div. Algunos están ubicados de manera tal que el navegador suele confundirlos o cambiar la forma de representarlos.
Verifica que los estilos no se sobrepongan sobre los div pq sino llegas a esto.

Saludos!


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
alfonsolist
post Jan 30 2007, 10:36 AM
Publicado: #3


Maestro
*****

Grupo: Members
Mensajes: 238
Registrado: 30-October 06
Miembro nº: 184.910



La verdad que no tengo mucha idea de css, he intentado cambiar un poco el diseño del html, reestructurando y colocando las etiquetas <div>, en diferentes sitios, he cambiado el atributo position de las diferentes capas y todo sigue igual.

No entiendo cuando me dices

"Verifica que los estilos no se sobrepongan sobre los div pq sino llegas a esto"

¿a qué te refieres?


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
alnitak
post Feb 1 2007, 03:28 PM
Publicado: #4


Carpe Diem
Group Icon

Grupo: Webmaster
Mensajes: 6.398
Registrado: 28-August 03
Desde: Valencia, Venezuela
Miembro nº: 25



Firefox no visualiza las etiquetas DIV de la misma forma que IE y no aplica los mismos criterios para los bordes y saltos de linea, algunos atributos que son validos en el IE no lo son en Firefox y varias etiquetas inventadas por Microsoft no son validas en Firefox.

Lamentablemente no puedo suministrarte un listado de todas las diferencias porque no me se sino unas pocas y porque ocuparía varias paginas, pero lo que yo suelo hacer en estos casos es proceder por pruebas y aciertos hasta que me quedan no digo iguales pero al menos parecidos. Así es como he programado el TWs que empleamos en nuestro portal y es un poco tedioso pero con paciencia se logra dejarlos muy parecidos.

bye1.gif
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
Closed TopicTopic OptionsStart new topic

Collapse

> Topicos similares

una pagina MARIUX 114 6 Ayer, 09:04 PM
By: JaCoBo
Deshabilitar MSJ IE6 "Esta pagina tiene una bre ... zurfero 76 6 Nov 20 2008, 10:33 AM
By: zurfero
DONDE PUEDO DESCARGAR BLACK AND WHITE 2 DE PAGINA? krio365 50 2 Nov 19 2008, 11:51 PM
By: dserrano
no puedo abrir cierta pagina zero++ 184 3 Nov 16 2008, 12:43 AM
By: viru
Configurar pagina DIN A2 en Word 2007 bernon 99 2 Nov 14 2008, 07:30 PM
By: bernon