Hola acabo de empezar a hacer una web por primera vez tras leer toda la web y me han surgido los primeros problemas.
Me dispuse a crear las distintas capas y en la hoja de estilos les cambiaba el color de fondo etc, pero para colocar por ejemplo la cabecera en la parte de arriba pos lo k he exo es usar posicion absoluta lo cual me deja mover la capa a mi antojo y hacerla mas grande, pues bien hice todas las capas q mas o menos keria, incluso hice una q se llama global para meter todas las demas. la previsualice con firefox IE y se ve tal como estaba en el dreamweaver.
el problema viene cuando la subo al servidor, subo tanto el index.html como la hoja de estilos, lo k pasa esk se descoloca. Adjunto el sitio donde la tengo alojada:
www.usuarios.lycos.es/iav1985/index.html
Pondre el codigo para ver si hago algo mal
y este otro el de la hoja de estilos:
ya de paso me podrian decir cual es la mejor manera de colocar las capas donde kiera? lo hago como hasta ahora o tengo q poner porcentajes px o como?
Gracias de antemano
Me dispuse a crear las distintas capas y en la hoja de estilos les cambiaba el color de fondo etc, pero para colocar por ejemplo la cabecera en la parte de arriba pos lo k he exo es usar posicion absoluta lo cual me deja mover la capa a mi antojo y hacerla mas grande, pues bien hice todas las capas q mas o menos keria, incluso hice una q se llama global para meter todas las demas. la previsualice con firefox IE y se ve tal como estaba en el dreamweaver.
el problema viene cuando la subo al servidor, subo tanto el index.html como la hoja de estilos, lo k pasa esk se descoloca. Adjunto el sitio donde la tengo alojada:
www.usuarios.lycos.es/iav1985/index.html
Pondre el codigo para ver si hago algo mal
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilos-index.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="contenido">Zona principal
<div id="definicion">definicion</div>
<div id="noticias">Colocar aquí el contenido para id noticias</div>
</div>
<div id="navegacion">Barra de navegacion </div>
</div>
<div id="pie">Pie de pagina</div>
<div id="publicidad">Colocar aquí el contenido para id publicidad</div>
</div>
</body>
</html>y este otro el de la hoja de estilos:
@charset "utf-8";
body {text-align:center}
#global {
width: 1022px;
margin: 4px auto;
position: absolute;
left: 15px;
top: 8px;
height: 663px;
}
#definicion {
background-color: #33FF66;
position: absolute;
left: 1px;
top: 2px;
width: 636px;
height: 185px;
}
#noticias {
background-color: #CCCCCC;
position: absolute;
left: 0px;
top: 189px;
width: 640px;
height: 306px;
}
#pie {
background-color: #FFFF99;
position: absolute;
left: 3px;
top: 598px;
height: 62px;
width: 1021px;
}
#publicidad {
position: absolute;
background-color: #33FFCC;
left: 834px;
top: 15px;
height: 577px;
width: 189px;
}
#contenido {
position: absolute;
left: 167px;
top: 78px;
width: 638px;
height: 495px;
}
#cabecera {
height: 63px;
width: 816px;
position: absolute;
background-color: #66CC00;
left: 1px;
top: 2px;
}
#navegacion {
background-color: #66FF00;
height: 503px;
width: 150px;
float: none;
display: block;
position: absolute;
left: 1px;
top: 78px;
}ya de paso me podrian decir cual es la mejor manera de colocar las capas donde kiera? lo hago como hasta ahora o tengo q poner porcentajes px o como?
Gracias de antemano