Hola yo otra vez..
Bueno aca les dejo el codigo,
Para que puedan intender a lo que voy, yo tengo divs, y uso position:absolute, para acomodar los divs en diferentes lados. lo podran ver en el codigo.
Fijense a lo que voy.
Gracias por todo y por responder
Código PHP:
<html>
<head>
<title>Colores</title>
<style type="text/css">
#cabezera {
width:800px;
height:600px;
border:0px;
position:absolute;
left:25%;
top:0px;
}
#hostingr1c1 {
position:absolute;
left:0px;
top:0px;
width:334px;
height:80px;
z-index:1;
visibility:visible;
background:#003300;
}
#hostingr1c6 {
position:absolute;
left:334px;
top:0px;
width:277px;
height:80px;
z-index:2;
visibility:visible;
background:#003366;
}
#hostingr1c10 {
position:absolute;
left:611px;
top:0px;
width:189px;
height:80px;
z-index:3;
visibility:visible;
background:#0099FF;
}
#hostingr2c1 {
position:absolute;
left:0px;
top:80px;
width:800px;
height:10px;
z-index:4;
visibility:visible;
background:#999900;
}
#hostingr3c1 {
position:absolute;
left:0px;
top:90px;
width:191px;
height:28px;
z-index:5;
visibility:visible;
background:#CC6666;
}
#hostingr3c3 {
position:absolute;
left:191px;
top:90px;
width:101px;
height:28px;
z-index:6;
visibility:visible;
background:#FF3333;
}
#hostingr3c5 {
position:absolute;
left:292px;
top:90px;
width:91px;
height:28px;
z-index:7;
visibility:visible;
background:#CC3399;
}
#hostingr3c7 {
position:absolute;
left:383px;
top:90px;
width:93px;
height:28px;
z-index:8;
visibility:visible;
background:#6666FF;
}
#hostingr3c8 {
position:absolute;
left:476px;
top:90px;
width:115px;
height:28px;
z-index:9;
visibility:visible;
background:#663333;
}
#hostingr3c9 {
position:absolute;
left:591px;
top:90px;
width:209px;
height:28px;
z-index:10;
visibility:visible;
background:#9966CC;
}
#hostingr4c1 {
position:absolute;
left:0px;
top:118px;
width:800px;
height:57px;
z-index:11;
visibility:visible;
background:#FFFF00;
}
#hostingr5c1 {
position:absolute;
left:0px;
top:175px;
width:271px;
height:105px;
z-index:12;
visibility:visible;
background:#6600FF;
}
#hostingr5c4 {
position:absolute;
left:271px;
top:175px;
width:529px;
height:371px;
z-index:13;
visibility:visible;
background:#FF3399;
}
#hostingr6c1 {
position:absolute;
left:0px;
top:280px;
width:142px;
height:33px;
z-index:14;
visibility:visible;
background:#CC99FF;
}
#hostingr6c2 {
position:absolute;
left:142px;
top:280px;
width:129px;
height:33px;
z-index:15;
visibility:visible;
background:#66FFFF;
}
#hostingr7c1 {
position:absolute;
left:0px;
top:313px;
width:271px;
height:108px;
z-index:16;
visibility:visible;
background:#9900CC;
}
#hostingr8c1 {
position:absolute;
left:0px;
top:421px;
width:142px;
height:28px;
z-index:17;
visibility:visible;
background:#3399CC;
}
#hostingr8c2 {
position:absolute;
left:142px;
top:421px;
width:129px;
height:28px;
z-index:18;
visibility:visible;
background:#996699;
#hostingr9c1 {
position:absolute;
left:0px;
top:449px;
width:271px;
height:111px;
z-index:19;
visibility:visible;
background:#CC3300;
}
#hostingr10c4 {
position:absolute;
left:271px;
top:546px;
width:529px;
height:54px;
z-index:20;
visibility:visible;
background:#CC9966;
}
#hostingr11c1 {
position:absolute;
left:0px;
top:560px;
width:142px;
height:40px;
z-index:21;
visibility:visible;
background:#3399FF;
}
#hostingr11c2 {
position:absolute;
left:142px;
top:560px;
width:129px;
height:40px;
z-index:22;
visibility:visible;
background:#3366CC;
}
</style>
</head>
<body bgcolor="#ffffff">
<div id="cabezera">
<!-- Empieza aca la cabezera -->
<div id="hostingr1c1"></div>
<div id="hostingr1c6"></div>
<div id="hostingr1c10"></div>
<div id="hostingr2c1"></div>
<div id="hostingr3c1"></div>
<div id="hostingr3c3"></div>
<div id="hostingr3c5"></div>
<div id="hostingr3c7"></div>
<div id="hostingr3c8"></div>
<a href="index.htm"><div id="hostingr3c9"></div></a>
<div id="hostingr4c1"></div>
<div id="hostingr5c1"></div>
<div id="hostingr5c4"></div>
<div id="hostingr6c1"></div>
<div id="hostingr6c2"></div>
<div id="hostingr7c1"></div>
<div id="hostingr8c1"></div>
<div id="hostingr8c2"></div>
<div id="hostingr9c1"></div>
<div id="hostingr10c4"></div>
<div id="hostingr11c1"></div>
<div id="hostingr11c2"></div>
<!-- Termina aca la cabezera -->
</div>
</body>
</html>