Tengo unas cuantas dudas y no sé como solucionarlas.
1. No sé q debo a hacer para q aparezca correctamente la web en firefox.
2. He añadido un margin-bottom al menu lateral y consigo alinear todo el texto de cada página. El incoveniente con el q me encuentro ahora es q se me descuadra el pie de página.
3. Otra cosa q me ocurre con el pie de pagina es q el pie del index aparece con el formato q yo quiero y en el resto de paginas aparece distinto. Por más q le doy vueltas al asunto no encuentro el error.
Os agradecería una ayudita...
Os dejo la url: http://andoni.mywebcommunity.org
El HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Ingeniería Arana</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div style="text-align: center;">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<script languaje="JavaScript">
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array
("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto",
"Septiembre","Octubre","Noviembre","Diciembre")
document.write("<font color='#000080' face='geneva'>"+dayarray+" "+daym+" de "+montharray
+" de "+year+"</font>")
</script>
<a href="empresa/index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">
[contenido no disponible]
</div>
</div>
<div id="navegacion">
<ul>Empresa Areas de actividad Proyectos Contacto Localización Enlaces Normativa
</div>
<div id="contenido">
<div id="menu">
<h1>Empresa</h1>
<ul> ¿Quienes somos? Nuestros técnicos Localización Contacto
</div>
<div id="principal">
<div class="portada">[contenido no disponible]
<span>
<h3>EDIFICACIONES</h3></p>
Cálculo de estructuras de hormigón y metálicas </p>
Proyectos de Naves industriales y de viviendas</p></span></div>
<div class="portada">[contenido no disponible]
<span>
<h3>LICENCIAS DE APERTURA</h3></p>
Actividades AMINP: hostelería, industria, ...</p>
Actividades exentas: Comercios, Despachos, ...</p></span></div>
<div class="portada">[contenido no disponible]
<span>
<h3>INSTALACIONES</h3></p>
Proyectos de Protección contra Incendios, Elecricidad en Baja Tensión, Gas, Ascensores, Gruas Torre, Saneamiento y Fontanería</p></span></div>
<div class="portada">[contenido no disponible]
<span>
<h3>GESTION INTEGRADA</h3></p>
Asesoramiento y gestión integrada del cliente: Ejecucion del proyecto técnico, tramitación de la documentación para la apertura de un negocio, ...</p></span></div>
</div>
<div id="pie">
<div id="pie1">
Ingeniería Arana - Atención al cliente - Avda. Guipuzcoa Nº 26 Bajo - Irun // Telf: 943666050 / Tlf. móvil: 600.42.40.34 / Fax: 943.61.80.75 </p>
Ingeniería Arana - Centro de Estudio y cálculo - Sr. Aranzate Nº4 Bajo - Irun - Teléfono: 943.63.49.52 - Fax: 943.63.49.53</p>
</div>
<div id="pie2">
<a href="mailto:[correo eliminado] ; [correo eliminado]; [correo eliminado]">
[contenido no disponible]</a></p></a>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</div>
</body>
</html>
El CCS:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color: rgb(153,204,0); font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color: rgb(153,204,0) ; font-weight: bold ; text-decoration: underline ;
text-align: justify}
body {text-align: left }
.portada {
float:left;
width:275px;
height:275px;
margin: 5px;
padding:5px;
background-color:rgb(153,204,0);
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
text-align:center;
color: white ;
margin-top: 20px
}
.tecnicos {
width:300px;
height:100px;
margin: 5px;
margin-left: 150px;
padding:5px;
background-color:rgb(153,204,0);
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
text-align:center ;
color: white ;
margin-top: 20px
}
.contenedorfoto {
float:left;
width:110px;
height:110px;
margin: 5px;
padding:5px;
background-color:rgb(153,204,0);
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
text-align:center;
color: white
}
.sedes {
float:left;
width:250px;
height:300px;
margin: 20px;
margin-left: 90px;
padding:5px;
background-color:rgb(153,204,0);
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
text-align:center;
color: white
}
#global {width:800px ; margin:4px auto; }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:120px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 15px 0px 15px}
#navegacion ul { margin-left: 60px }
#contenido {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 10px 10px 0px 10px ; text-indent: 15px}
#contenido li {list-style:none ; margin: 4px 8px 4px 6px;}
#menu {color: black ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior1.gif);
background-position: bottom ;
padding-bottom:5px; margin-bottom: 500px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie {border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 50px ; margin-top: 20px }
#pie1 {float:left ; width:710px ; color: white ; background-color: gray; font size: 11px ; height: 50px}
#pie2 {float:left ; width:78px ; background-color: rgb(153,204,0); height: 50px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: white ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color: white ; text-decoration:underline ; background-color: silver}
a:active {}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
1. No sé q debo a hacer para q aparezca correctamente la web en firefox.
2. He añadido un margin-bottom al menu lateral y consigo alinear todo el texto de cada página. El incoveniente con el q me encuentro ahora es q se me descuadra el pie de página.
3. Otra cosa q me ocurre con el pie de pagina es q el pie del index aparece con el formato q yo quiero y en el resto de paginas aparece distinto. Por más q le doy vueltas al asunto no encuentro el error.
Os agradecería una ayudita...
Os dejo la url: http://andoni.mywebcommunity.org
El HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Ingeniería Arana</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div style="text-align: center;">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<script languaje="JavaScript">
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array
("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto",
"Septiembre","Octubre","Noviembre","Diciembre")
document.write("<font color='#000080' face='geneva'>"+dayarray+" "+daym+" de "+montharray
+" de "+year+"</font>")
</script>
<a href="empresa/index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">
[contenido no disponible]
</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Empresa</h1>
<ul>
</div>
<div id="principal">
<div class="portada">[contenido no disponible]
<span>
<h3>EDIFICACIONES</h3></p>
Cálculo de estructuras de hormigón y metálicas </p>
Proyectos de Naves industriales y de viviendas</p></span></div>
<div class="portada">[contenido no disponible]
<span>
<h3>LICENCIAS DE APERTURA</h3></p>
Actividades AMINP: hostelería, industria, ...</p>
Actividades exentas: Comercios, Despachos, ...</p></span></div>
<div class="portada">[contenido no disponible]
<span>
<h3>INSTALACIONES</h3></p>
Proyectos de Protección contra Incendios, Elecricidad en Baja Tensión, Gas, Ascensores, Gruas Torre, Saneamiento y Fontanería</p></span></div>
<div class="portada">[contenido no disponible]
<span>
<h3>GESTION INTEGRADA</h3></p>
Asesoramiento y gestión integrada del cliente: Ejecucion del proyecto técnico, tramitación de la documentación para la apertura de un negocio, ...</p></span></div>
</div>
<div id="pie">
<div id="pie1">
Ingeniería Arana - Atención al cliente - Avda. Guipuzcoa Nº 26 Bajo - Irun // Telf: 943666050 / Tlf. móvil: 600.42.40.34 / Fax: 943.61.80.75 </p>
Ingeniería Arana - Centro de Estudio y cálculo - Sr. Aranzate Nº4 Bajo - Irun - Teléfono: 943.63.49.52 - Fax: 943.63.49.53</p>
</div>
<div id="pie2">
<a href="mailto:[correo eliminado] ; [correo eliminado]; [correo eliminado]">
[contenido no disponible]</a></p></a>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</div>
</body>
</html>
El CCS:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color: rgb(153,204,0); font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color: rgb(153,204,0) ; font-weight: bold ; text-decoration: underline ;
text-align: justify}
body {text-align: left }
.portada {
float:left;
width:275px;
height:275px;
margin: 5px;
padding:5px;
background-color:rgb(153,204,0);
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
text-align:center;
color: white ;
margin-top: 20px
}
.tecnicos {
width:300px;
height:100px;
margin: 5px;
margin-left: 150px;
padding:5px;
background-color:rgb(153,204,0);
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
text-align:center ;
color: white ;
margin-top: 20px
}
.contenedorfoto {
float:left;
width:110px;
height:110px;
margin: 5px;
padding:5px;
background-color:rgb(153,204,0);
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
text-align:center;
color: white
}
.sedes {
float:left;
width:250px;
height:300px;
margin: 20px;
margin-left: 90px;
padding:5px;
background-color:rgb(153,204,0);
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
text-align:center;
color: white
}
#global {width:800px ; margin:4px auto; }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:120px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 15px 0px 15px}
#navegacion ul { margin-left: 60px }
#contenido {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 10px 10px 0px 10px ; text-indent: 15px}
#contenido li {list-style:none ; margin: 4px 8px 4px 6px;}
#menu {color: black ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior1.gif);
background-position: bottom ;
padding-bottom:5px; margin-bottom: 500px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie {border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 50px ; margin-top: 20px }
#pie1 {float:left ; width:710px ; color: white ; background-color: gray; font size: 11px ; height: 50px}
#pie2 {float:left ; width:78px ; background-color: rgb(153,204,0); height: 50px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: white ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color: white ; text-decoration:underline ; background-color: silver}
a:active {}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}