Ver Mensaje Individual
  #8 (permalink)  
Antiguo 21/01/2009, 09:25
falmar
 
Fecha de Ingreso: abril-2007
Mensajes: 89
Antigüedad: 17 años
Puntos: 2
Respuesta: Hoja con una cabecera tras columnas y un pie

Pues tienes toda la razón, te pongo el codigo:

CSS:


H1 {
FONT-SIZE: 20px; MARGIN: 0px; COLOR: #fff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
P {
PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 2px; COLOR: #586885; PADDING-TOP: 5px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
BODY {
LINE-HEIGHT: 12px; BACKGROUND-COLOR: #014075; TEXT-ALIGN: justify
}
#container {
MARGIN: 0px auto; WIDTH: 985px; POSITION: relative; HEIGHT: auto; BACKGROUND-COLOR: #0c9
}
#header {
MARGIN: 0px 0px 10px; WIDTH: 985px; HEIGHT: 30px; BACKGROUND-COLOR: #fff
}
#header-1 {
FLOAT: left; WIDTH: 237px; HEIGHT: 30px
}
#header-2 {
FLOAT: left; WIDTH: 500px; HEIGHT: 30px
}
#header-3 {
FLOAT: left; WIDTH: 247px; HEIGHT: 30px
}
#header2 {
MARGIN: 8px 0px 0px 8px; WIDTH: 970px; HEIGHT: 140px
}
#header3 {
MARGIN: 0px 0px 0px 8px; WIDTH: 970px; HEIGHT: 108px
}
#conttex {
MARGIN: 0px;
WIDTH: auto;
POSITION: relative;
HEIGHT: 1000px;
BACKGROUND-COLOR: #3cf
}
#izquierda {
FLOAT: left; MARGIN: 0px 0px 0px 8px; WIDTH: 232px; POSITION: relative; HEIGHT: 600px; BACKGROUND-COLOR: #fa0419
}
#izquierda1 {
FONT-SIZE: 10px; FLOAT: left; MARGIN: 0px; WIDTH: 232px; POSITION: relative; HEIGHT: auto; BACKGROUND-COLOR: #f4fbfd
}
#izquierda2 {
BACKGROUND-POSITION: 50% top;
Z-INDEX: 1;
FLOAT: left;
MARGIN: 0px;
WIDTH: 232px;
BACKGROUND-REPEAT: no-repeat;
POSITION: relative;
HEIGHT: 1300px;
BACKGROUND-COLOR: #fa0419
}
#centro {
PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 535px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: auto; BACKGROUND-COLOR: #f9f
}
#centro1 {
FONT-SIZE: 10px; FLOAT: left; MARGIN: 0px; WIDTH: 100%; HEIGHT: 162px
}
.centro2 {
PADDING-RIGHT: 5px; FONT-SIZE: 10px; FLOAT: left; MARGIN: 8px 0px 0px; WIDTH: 525px; HEIGHT: 35px
}
.centro3 {
PADDING-RIGHT: 5px; FONT-SIZE: 10px; FLOAT: left; WIDTH: 525px; HEIGHT: 100%; BACKGROUND-COLOR: #ffdb9c
}
.centro4 {
PADDING-RIGHT: 5px; FONT-SIZE: 10px; FLOAT: left; MARGIN: 15px 0px 0px; WIDTH: 525px; HEIGHT: 35px; BACKGROUND-COLOR: #099
}
#container #conttex #centro .centro4 H1 {
PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 1.75em; COLOR: #fff; PADDING-TOP: 10px; FONT-FAMILY: Verdana, Geneva, sans-serif
}
.centro-img {
WIDTH: 50px; HEIGHT: 50px
}
.floatderecha {
FLOAT: right; MARGIN-LEFT: 7px
}
.floatizquierda {
FLOAT: left; MARGIN-RIGHT: 7px
}
#container #conttex #centro .centro2 H1 {
PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 1.75em; COLOR: #fff; PADDING-TOP: 10px; FONT-FAMILY: Verdana, Geneva, sans-serif
}
#derecha {
FLOAT: left; MARGIN: 0px; WIDTH: 198px; POSITION: relative; HEIGHT: auto; BACKGROUND-COLOR: #0f0
}
#derecha1 {
FONT-SIZE: 10px; FLOAT: left; MARGIN: 0px; WIDTH: 198px; HEIGHT: 162px
}
.derecha02 {
FLOAT: left; MARGIN: 8px 0px 0px; WIDTH: 100%; HEIGHT: 115px
}
.derecha2 {
FLOAT: left; MARGIN: 16px 0px 0px; WIDTH: 100%; HEIGHT: 115px
}
#derecha2-ban-tex {
FLOAT: left; WIDTH: 100%; COLOR: #000; HEIGHT: 50px
}
#footer {
CLEAR: both; FLOAT: left; WIDTH: 100%; HEIGHT: 100px; BACKGROUND-COLOR: #ccc
}
#footerPan {
MARGIN: 0px auto; WIDTH: 860px; POSITION: relative
}
#footerPan UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 800px; PADDING-TOP: 20px; POSITION: relative; HEIGHT: 30px
}
#footerPan LI {
FLOAT: left
}
#footerPan UL LI A {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#footerPan UL LI A:hover {
TEXT-DECORATION: underline
}
#footerPan P.copyright {
FONT-SIZE: 11px; MARGIN: 0px auto; WIDTH: 220px; COLOR: #fff; POSITION: relative
}

#container #header #header-1 H1 {
PADDING-LEFT: 8px; FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fe001c; PADDING-TOP: 8px; FONT-FAMILY: Verdana, Geneva, sans-serif
}



CODIGO HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Documento sin título</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<LINK href="Documento%20sin%20título_archivos/espaname.css" type=text/css
rel=stylesheet>
<BODY>
<DIV id=container>
<DIV id=header>
<DIV id=header-1>
<H1>HOME</H1></DIV>
<DIV id=header-2>hola</DIV>
<DIV id=header-3>hola</DIV></DIV>
<DIV id=header2></DIV>
<DIV id=header3></DIV>
<DIV id=conttex>
<DIV id=izquierda>
<DIV id=izquierda1>
<p>D</p>
<p>D</p>
<p>&nbsp;</p>
<p>DD</p>
<p>&nbsp;</p>
<p>DD</p>
<p>&nbsp;</p>
</DIV>
<DIV id=izquierda2></DIV></DIV>
<DIV id=centro>
<DIV id=centro1></DIV>
<DIV class=centro2>
<H1>uis nullam nons at utpatem </H1>
</DIV>
<DIV class=centro3>
<P>
Exerat. Ut aut utat. Dui tatem esequi tem dolor sequissim ilit, vulla facidui sciduip susciduipit adipisim delisi ex ero odolenisi.
Unt dolobore con ex euis nim ing ea consequi blaore conulla adigna commodo loborperos nullam zzriure rostrud mincil ut alisci te tate facilisim zzriustio etum nosto eugiat, quisit lutet alit dolore molutatue molortisi eumsandipit aut velit del et ad tatissequat atie ent wismolor si blamet, cons adio od deliqui scidui blamcon ummolore mod modolor percip erit ulla facipsum nim velit ilisit, velisi.
Equis nullam nons at utpatem dolorpero odit pratue facipit delessent ea feu feuis nim iureet eugiat nullan henim quatie velenisit, sismolor sis er si.
Magnim nim autpat. Verostrud tem diamcor senim zzriustin velisl er adipisc inissim venisl utpatetum dolesectem zzril euismodipit nonulla core min ut adiametum ex eugue dit aliquat vendrerilit
.</P>



<P>&nbsp;</P></DIV>
<DIV class=centro4>
<H1>uis nullam nons at utpatem </H1>
</DIV>
<DIV class=centro3>
<P>laore conulla adigna commodo loborperos nullam zzriure rostrud mincil ut alisci te tate facilisim zzriustio etum nosto eugiat, quisit lutet alit dolore molutatue molortisi eumsandipit aut velit del et ad tatissequat atie ent wismolor si blamet, cons adio od deliqui scidui blamcon ummolore mod modolor percip erit ulla facipsum nim velit ilisit, velisi.
Equis nullam nons at utpatem dolorpero odit pratue facipit delessent ea feu feuis nim iureet eugiat </P>
<P>gfdsgfdgfdsgsdfgsdfgsdfg</P>
<P>f</P>
<P>&nbsp;</P>
<P>f</P>
<P>f</P>
<P>f</P>
<P>&nbsp;</P>
<P>f</P>
<P>ff</P>
<P>f</P>
<P>fd</P>
<P>&nbsp;</P>
<P>d</P>
<P>d</P>
<P>d</P>
<P>d</P>
<P>d</P>
<P>d</P>
<P>&nbsp;</P>
</DIV></DIV>
<DIV id=derecha>
<DIV id=derecha1></DIV>
<DIV class=derecha02></DIV>
<DIV class=derecha2></DIV>
<DIV class=derecha2></DIV>
<DIV class=derecha2></DIV>
<DIV class=derecha2></DIV>
<DIV class=derecha2></DIV></DIV></DIV>
<DIV id=footer>
<DIV id=footerPan>
<UL>
<LI><A href="http://www.webaselina.com">uis nullam nons at utpatem </A> </LI></UL>
<P class=copyright>uis nullam nons at utpatem </P></DIV></DIV>kiuoiu
</DIV></BODY></HTML>


Gracias por tu tiempo