Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 08-sep-2005, 14:23   #1 (permalink)
Colaborador
derkenuke llegará a ser famoso muy prontoderkenuke llegará a ser famoso muy prontoderkenuke llegará a ser famoso muy pronto
 
Avatar de derkenuke
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.667
layout varia demasiado

Tengo este codigo, para hacer un menu y para su contenido. Es sencillo:

Código PHP:
<html>
<
head>
<
style>
#menu {
    
display:inline;
    
width:25%; height:100%;
    
overflow:auto;
    
bordersolid 1px black;
    
margin3pxpadding:0;
    
background-color#ffffff;
}
#cuerpo {
    
display:inline;
    
width:70%; height:100%;
    
overflow:auto;
    
bordersolid 1px black;
    
margin3pxpadding:0;
    
background-color#ffffff;
}
</
style>
</
head>
<
body>

<
div id="menu">
    <
ul>
        <
li>Elemento1</li>
        <
li>Elemento2</li>
        <
li>Elemento3</li>
        <
li>Elemento4</li>
    </
ul>
</
div>
<
div id="cuerpo">
    <
p>El cuerpo de mi paginatodos los contenidos que yo quiera.</p>
</
div>

</
body>

</
html
Como respuesta ideal: la que da IE (misteriosamente). ¿Alguien me dice porqué sale tan deformado en Opera y Firefox? (sale en los dos igual). No lo entiendo, ni siquiera los bordes. ¿Cual es la propiedad que falla?

gracias.
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
derkenuke está desconectado   Responder Citando
Antiguo 08-sep-2005, 14:40   #2 (permalink)
RoQ
RoQ está en el buen camino
 
Avatar de RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 763
estas poniendo que un elemento de bloque se muestre como en linea, borra los display:inline y pon a flotar tu menu a la izquierda
RoQ está desconectado   Responder Citando
Antiguo 08-sep-2005, 15:24   #3 (permalink)
Colaborador
derkenuke llegará a ser famoso muy prontoderkenuke llegará a ser famoso muy prontoderkenuke llegará a ser famoso muy pronto
 
Avatar de derkenuke
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.667
Ok, asi si funciona. En opera no existe diferencia de altura. En FF y IE si hay una pequeña diferencia de altura entre los dos <div>'s, vendran a ser 2 ó 3 px.

Y ¿no se puede poner un display:inline a un elemento de bloque? Porqué no lo acepta?
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
derkenuke está desconectado   Responder Citando
Antiguo 09-sep-2005, 02:32   #4 (permalink)
kemie está en el buen camino
 
Avatar de kemie
 
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
si lo acepta, pero no puedes tener alto y ancho en un elemento en linea, y el elemento en linea tampoco podra tener elementos en bloque dentro de el.
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
kemie está desconectado   Responder Citando
Antiguo 09-sep-2005, 08:43   #5 (permalink)
Colaborador
derkenuke llegará a ser famoso muy prontoderkenuke llegará a ser famoso muy prontoderkenuke llegará a ser famoso muy pronto
 
Avatar de derkenuke
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.667
Aaammm, curioso, mira, una cosa que no sabia.

Gracias RoQ y kemie!
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
derkenuke está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 12:26.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93