Hola, buenas a toda la peña,vereis no soy muy experto en esto y la vertda es q acabo de empezar y lo hago todo por mi cuenta,posiblemente mi pregunta sea un estupidez si es asi perdonen mi ignorancia.
El caso es que me he creado una paginas web recientemente y la cree con hojas de estilos,la estructura de la pagina es la de dos divs en la parte de cabacera,tres en medio,y una de pie de forma que asi esta estructurada la misma,el problema q m ocurre es que he subido recientemente la pagina y en algunos navegadores me aparece perfecto,pero he probado en otros y la el div central del bloque central(los tres divs,es el que utilizo por medio de un iframe cambiar los contenidos de la misma)no me aparece en su sitio es decir me aparece como por debajo de los otros dos y entonces queda la pagina descuadrada totalmente,no se si me explicado bien,la verda no creo,os pongo el codigo haber q opinais
<body>
<div class="Contenedor">
<!------------------------------------------------------------------->
<!----------------------- Cabecera ---------------------------------->
<!------------------------------------------------------------------->
<div class="CabeceraCentral">
<div class="CabeceraIzquierda">
(Contenido..Botonones)
</div>
<div class="CabeceraDerecha">
(Logo,cabecera,..)
</div>
</div>
<!------------------------------------------------------------------->
<!----------------------- Parte Central ----------------------------->
<!------------------------------------------------------------------->
<div class="ParteCentral">
<div class="Izquierda">
(Contenido ..)
</div>
<!--ParteCentral Extra ---->
<div class="ParteCentralExtra">
<div class="Tapiz">
(Iframe)
</div><!--Final Tapiz Recubre-->
<div class="Derecha">
(Contenido..)
</div>
</div><!--Final Parte Centra Extra -->
</div><!--Final de la Parte Central-->
<!------------------------------------------------------------------->
<!----------------------- Pie --------------------------------------->
<!------------------------------------------------------------------->
<div class="Pie">
(Contenido)
</div>
</div>
</body>
--------------((Css))-------------------
body {
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
margin-top: 50px;
margin-bottom: 50px;
background-color:#C8C8C8;
}
.Contenedor {
margin-left: 175px;
margin-right: 175px;
width: 900px;
}
.Boton{
font-size:11.5px;
font-family:Ravie;
font-weight:bold;
color:#367296;
background:transparent;
border:0px;
width:200px;
height:15px;
text-align: left;
}
.CabeceraCentral {
height: 200px;
color: #006600;
}
.CabeceraIzquierda{
float: left;
height: 200px;
width: 250px;
background-image: url(../Imagenes/Boceto Azul/CabeceraIzquierda.gif);
}
.CabeceraDerecha{
width: 650px;
float: right;
height: 200px;
background-image: url(../Imagenes/Boceto Azul/CabeceraDerecha.gif);
}
.ParteCentral{
width: 900px;
height: 500px;
}
.ParteCentralExtra{
width: 650px;
height: 500px;
float: right;
}
.Tapiz {
height: 500px;
background-image: url(../Imagenes/Boceto Azul/Central.gif);
float: left;
}
.Izquierda {
float: left;
width: 250px;
padding: 0;
height: 500px;
background-image: url(../Imagenes/Boceto Azul/CentraIzquierda.gif);
}
.Derecha {
float: right;
width: 200px;
padding: 0;
height: 500px;
background-image: url(../Imagenes/Boceto Azul/Derecha.gif);
}
.Pie {
clear: both;
padding: 0;
height: 50px;
background-image: url(../Imagenes/Boceto Azul/Pie.gif);
}
Realmente no creo que sea problema del iframe,por que lo tenmgo dentro de una table y es mas bien inamobible pero creo que por la alineacion de los divs,vamos estoy seguro y el problema es que no se como alinear tres divs seguidos sin liarla y lo he hechod e esta forma aunq no se si me estar dando leches por esto,asi q no se..agradeceria muchisimo si corrigierais los fallos q veis,ademas estoy deseando aprender asi q m viene d arte,muchas graciass,un saludoooo ..
