| Ver tema anterior :: Ver siguiente tema |
| Autor |
Mensaje |
QuakeII
Conociendo Foroz
Registrado: 07 Abr 2008
Mensajes: 50
|
 Publicado: Dom Nov 02, 2008 2:24 pm Título del mensaje: Separación no esperada en CSS |
 |
|
Buenas, estoy haciendo una página mediante capas div, y el cosa es que la página funciona bien en Internet Explorer, pero en Firefox la cosa no va igual de bien, ya que una capa sale algo despegada de la otra creando lo que vais a ver en el pantallazo.
Si hay alguna manera de solucionar esto sin que me pete en Internet Explorer os lo agradecería mucho.
GRACIAS |
|
| Volver arriba |
|
 |
BenJa - KuMo
Yo soy el foro
Registrado: 14 Ago 2006
Mensajes: 2268
Ubicación: España
|
|
| Volver arriba |
|
|
QuakeII
Conociendo Foroz
Registrado: 07 Abr 2008
Mensajes: 50
|
| Publicado: Dom Nov 02, 2008 9:50 pm Título del mensaje: |
|
|
Para no liaros os podré los códigos fuente enteros, luego os diré donde se produce el error.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Pizzería restaurante La Romana. Aquí servimos las pizzas más tradicionales</title>
</head>
<link rel="stylesheet" type="text/css" href="estilos.css">
<body>
<div id="todo"><!-- Esta es la capa principal-->
<div id="superior"><!-- Esta es la capa de la parte superior de la página-->
<p class="ptitulo"><strong class="titulo1">Pizzería restaurante</strong><br>
<strong class="titulo2">La Romana</strong></p>
<div id="pizza">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="380" height="250" title="pizza">
<param name="movie" value="images/pizza.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="images/pizza.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" type="application/x-shockwave-flash" width="380" height="250"></embed>
</object>
</div>
<div id="menubar"><!-- Este es el menú, en esta ocasión irá dentro de la parte superior-->
<div id="menu">
<ul>
<li><a href="#"><img src="images/casa.gif"></a></li>
<li><a href="#">Nuestra carta</a></li>
<li><a href="#">Fotos</a></li>
<li><a href="#">Situación</a></li>
</ul>
</div>
</div>
</div>
<div id="cuerpo"><!-- Esta es la parte central de la página-->
<div id="izq">
<h5>Reparto a domicilio<br><img src="images/caja.gif"></h5> <h5>Cerrado los lunes</h5>
<br><img src="images/logo.gif">
<div id="pizero"><img src="images/pizzeria_centro.jpg"></div>
</div>
<div id="der"><!-- Texto de la parte central, irá metido entre dos capas para una mejor configuración-->
<div id="tex">
<p>La carta</p>
<p>La cocina de temporada
en la que destacan las
ensaladas de mozarella
fresca, el combinado de
pasta en todas sus
versiones, los scaloppine,
entrecotte y el capriccio de
solomillo.</p>
<p>Nº 1 en cocina italiana</p>
</div>
</div>
</div>
<div id="pie"><!-- Este es el pie de la página -->
<p>Calle Escobón, 5 - 29400 RONDA (Málaga)<br>
tlf: 952 19 63 53 - E-Mail:<a href="mailto:laromana@gmail.es">laromana@gmail.es</a></p>
</div>
</div>
</body>
</html> |
|
| Volver arriba |
|
|
QuakeII
Conociendo Foroz
Registrado: 07 Abr 2008
Mensajes: 50
|
| Publicado: Dom Nov 02, 2008 9:51 pm Título del mensaje: |
|
|
/* CSS Document */
/*Formato base*/
body {
background-color:#ffe9ba;
}
#todo{
margin: auto;
padding:0px;
position:relative;
width:980px;
height:810px;
}
/*Parte superior de la página*/
#superior{
height:250px;
width:980px;
background-image:url(images/superior.jpg);
text-align:center;
}
.titulo1{
font-family:"Edwardian Script ITC", Arial, Times;
font-size:50px;
color: #95562A;
font-weight:bold;
}
.titulo2{
font-family:"Comic Sans MS", Times;
font-size:60px;
color: #95562A;
}
.ptitulo{
padding-top:15px;
padding-right: 120px;
}
/* Menú horizontal*/
#menubar{
height:50px;
padding-left:13px;
padding-right:13px;
background-image:url(images/barra_naranja.jpg);
background-repeat:repeat-x;
margin-left:13px;
margin-right:15px;
}
#menu ul {
padding: 0px;
margin: 0px;
background-image:url(images/barra_naranja.jpg);
background-repeat:repeat-x;
list-style: none;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
width: 100%;
height: 50px;
float: left;
}
#menu ul li {
display: inline;
}
#menu ul li a:link, #menu ul li a:visited {
background-image:url(images/barra_naranja.jpg);
background-repeat:repeat-x;
color: #FFFFFF;
padding: 10px 15px;
float: left;
text-decoration: none;
width:115px;
}
#menu ul li a:hover, #menu ul li a:active{
color:#FFFFFF;
background-image:url(images/barra.jpg);
background-repeat:repeat-x;
height: 50px;
}
#menu{
padding-left:50px;
width:885px;
}
#pizza{
position:absolute;
left: 599px;
top: 0px;
width: 287px;
height: 181px;
}
/*Cuerpo de la página*/
#cuerpo{
height:400px;
background-image:url(images/fondo.jpg);
background-repeat:repeat-y;
}
#izq{
float:left;
position:relative;
width:600px;
padding-left:20px;
}
#der{
float:left;
width:200px;
margin-top:85px;
padding-left:120px;
}
#tex{
float:right;
width:200px;
}
#tex p{
font-family:Arial, Helvetica, sans-serif;
color:#965628;
font-size:14px;
}
h5{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
background-color:#965628;
width:150px;
margin-left:30px;
color:#FFFFFF;
}
#pizero{
width:400px;
height:267px;
position:absolute;
left: 264px;
top: 0px;
}
/*Pie de la página*/
#pie{
width:980px;
height:160px;
background-image:url(images/inferior.jpg);
padding-top:0px;
}
#pie p{
padding-left:670px;
padding-top:75px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #FFE9BA;
} |
|
| Volver arriba |
|
|
QuakeII
Conociendo Foroz
Registrado: 07 Abr 2008
Mensajes: 50
|
| Publicado: Dom Nov 02, 2008 9:55 pm Título del mensaje: |
|
|
Perdonan el exceso de mensajes, ahora diré el problema, que se sitúa entre el fin de la capa cuerpo y el principio de la capa pie, la verdad es que no entiendo la separación.
También os digo que tampoco deis mucha importancia que el código sea una chapuza (en los documentos html está sangrado), soy un aprendiz, xD. |
|
| Volver arriba |
|
|
|
|
|
