Hola soy nuevo en el foro, asi que aprovecho para decirlo, mi problema es el siguiente:
He maquetado una web con 5 divs de la siguiente manera:
1 para la cabecera
1 para el menu izquierdo
1 central para el contenido (este contiene el iframe)
1 para el menu derecho
y otro para el pie de pagina.
El caso es que cuando inserto el iframe en el div central, ya no me aparecen los divs sucesivos, es dedir, el del menu derecho y el del pie de pagina.
Alguien me puede orientar?
Codigo HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Titulo</title>
<link rel="stylesheet" type="text/css" href="estilo.css" >
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="cabecera">
<h1 align="center" class="Estilo1">titulo</h1>
</div>
<div id="menuizq">
<p> </p>
<p align="center">Inicio</p>
<p align="center">Link 1</p>
<p align="center">Link 2</p>
<p align="center">Link 3 </p>
</div>
<div id="contenido">
<iframe height="100%" width="100%" marginwidth="0" marginheight="0" src="iframe1.htm" name="miframe" frameborder="0" scrolling="no">
</div>
<div id="menuder"> menu derecho</div>
<div id="piepag">piepagina</div>
</body>
</html>
CSS:
body {
background-color:#ffffff;
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}
#cabecera {
position:absolute;
top:0px;
left:0px;
width:100%;
height:20%;
background:#666666;
}
#menuizq {
position:absolute;
top:20%;
left:0px;
width:15%;
height:60%;
background:#666666;
}
#contenido {
position:absolute;
top:20%;
left:15%;
width:70%;
height:60%;
background:black;
}
#menuder {
position:absolute;
top:20%;
left:85%;
width:15%;
height:60%;
background:#666666;
}
#piepag {
position:absolute;
top:80%;
left:0px;
width:100%;
height:20%;
background:#666666;
}
Gracias de antemano
Saludos
Problemas con divs e iframes [HTML]
Moderador: Moderadores
Re: Problemas con divs e iframes [HTML]
HTML Tidy Parsing ...
line 26 column 1 - Warning: missing </iframe>
Info: Doctype given is "-//W3C//DTD HTML 4.01 Transitional//EN"
Info: Document content looks like HTML 4.01 Transitional
1 warning, 0 errors were found!
Se te olvidó cerrar el iframe. Acuérdate siempre de validar el código antes de comerte el coco y te ahorrarás problemas pequeños y grandes.
Saludos.
line 26 column 1 - Warning: missing </iframe>
Info: Doctype given is "-//W3C//DTD HTML 4.01 Transitional//EN"
Info: Document content looks like HTML 4.01 Transitional
1 warning, 0 errors were found!
Se te olvidó cerrar el iframe. Acuérdate siempre de validar el código antes de comerte el coco y te ahorrarás problemas pequeños y grandes.
Saludos.
Re: Problemas con divs e iframes [HTML]
Hola,
Para resolver este tipo de problemas deberías usar un validador W3C es un estandar para HTML, te avisa donde tienes el error y la linea , asi puedes correjirlo mas facilmente.
Un abrazo.
Para resolver este tipo de problemas deberías usar un validador W3C es un estandar para HTML, te avisa donde tienes el error y la linea , asi puedes correjirlo mas facilmente.
Un abrazo.
Re: Problemas con divs e iframes [HTML]
Sin afirmarlo con rotundidad, sospecho que al darle dimensiones de 100% en anchura y altura, se queda con todo el espacio que queda de la página, de modo que ya no sale nada más. Prueba definiéndole las dimensiones en el estilo, tal vez cambie de prioridad y se acomode a su "div".
Pensando en el medio y largo plazo te recomiendo que, aunque ahora te sea un cambio brusco, trates de evitar los frames, imagínate que no existen.
Saludos.
Pensando en el medio y largo plazo te recomiendo que, aunque ahora te sea un cambio brusco, trates de evitar los frames, imagínate que no existen.
Saludos.