Foros del Web » Creando para Internet » CSS »

Problema de maquetación

Estas en el tema de Problema de maquetación en el foro de CSS en Foros del Web. Hola! llevo varios días pero no soy capaz de conseguirlo, no domino bien css y creo que se me olvida algo. El problema está en ...
  #1 (permalink)  
Antiguo 23/02/2006, 02:17
Avatar de TomaHawkk  
Fecha de Ingreso: diciembre-2001
Ubicación: España
Mensajes: 422
Antigüedad: 16 años
Puntos: 1
Exclamación Problema de maquetación

Hola!

llevo varios días pero no soy capaz de conseguirlo, no domino bien css y creo que se me olvida algo.

El problema está en las 2 columnas que contienen 2 iframes.
En IE, la columna de la izquierda me aparece bien pero la columna de la derecha me aparece mucho más abajo.
En Firefox, las 2 columnas me aparecen bien ubicadas pero el alto de los iframes no es el 100%.

Mi objetivo es tener 2 columnas cada una con un iframe cuyo alto ocupe el resto de la página.

Este es mi código:

Código PHP:
<!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" >
<
head runat="server">
<
title></title>
<
style type="text/css">
body {
    
color#330000;
    
font-familyVerdanaGenevaArialHelveticasans-serif;
    
font-size8pt;
    
font-weightnormal;
    
background-color#FFFFFF;
    
margin2px 4px 2px 4px;
    
padding0px 0px 0px 0px;
}

#divPage{
    
marginauto;

#divHead{ 
    
border1px solid Red;
    
margin1px 0px 1px 0px;
    
padding0px;
}
#divTopMenu{
    
border1px solid Red;
    
margin1px 0px 1px 0px;
    
padding0px;
}
#divUser{
    
border1px solid Red;
    
margin1px 0px 1px 0px;
    
padding0px;    
}
#divErrors {
    
border1px solid red;
    
margin1px 0px 1px 0px;
    
padding0px;
}
#divBody{
    
border1px solid red;
    
padding10px;    
}
#divLeft{
    
border1px solid Blue;    
    
floatleft;    
    
width200px;
    
margin0px;
    
padding0px;        
}
#divRight{
    
border1px solid Blue;    
    
margin-left206px;
    
padding0px;    
}
</
style>
</
head>

<
body>
 <
div id="divPage">
  <
div id="divHead">HEAD</div>
  <
div id="divTopMenu">MENU</div>
  <
div id="divUser">USER</div>
  <
div id="divErrors">ERRORS</div>
   <
div id="divBody">
    <
div id="divLeft"><iframe width="100%" height="100%" scrolling="auto" frameborder="0" src="http://www.google.com"></iframe></div>
    <
div id="divRight"><iframe width="100%" height="100%" scrolling="auto" frameborder="0" src="http://www.google.com"></iframe></div>
   </
div>
 </
div>
</
body>
</
html
Un saludo.
__________________
ThE MaTriX HaS YoU
  #2 (permalink)  
Antiguo 23/02/2006, 08:35
Avatar de TomaHawkk  
Fecha de Ingreso: diciembre-2001
Ubicación: España
Mensajes: 422
Antigüedad: 16 años
Puntos: 1
Igual en este caso debería utilizar frames en lugar de divs porque el contenido es dinámico.

Si alguien tiene otra idea, consejo o lo que sea...
__________________
ThE MaTriX HaS YoU
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 06:47.