HTML:
<!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" />
<meta http-equiv="Content-Language" content="es"/>
<meta name="robots" content="all" />
<meta name="description" content="fcbroom, web homenaje al futbol Club Barcelona, actualidad, calendarios, fotogalerias, messi n1, fcbroom" />
<meta name="keywords" content="fcbroom, fcb, barcelona, barça, futbol, club, messi" />
<link rel="shortcut icon" type="image/x-icon" href="../imagenes/favicon.ico" />
<link rel="icon" type="image/x-icon" href="../imagenes/favicon.ico" />
<link rel="stylesheet" href="../css/club.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="../css/fcb.css" type="text/css" media="screen"/>
<script src="../js/fecha.js" type="text/javascript"></script>
<title>fcbroom | Futbol Club Barcelona Fansite - Club</title>
</head>
<body>
<div id="contenedor">
<div id="cabecera"><img src="../imagenes/cabecera2.jpg" width="800" height="120" alt="Cabecera Club" title="Cabecera Club"/>
<div id="fecha" class="clase_fecha">
<script type="text/javascript">Fecha()</script>
</div>
</div>
<div id="menu">
<ul id="menulista">
<li><a href="../index.html">Inicio</a></li>
<li><a href="actualidad.html">Actualidad</a></li>
<li><a href="club.html">Club</a></li>
<li><a href="http://fcbroom.blogspot.com" target="_blank">Blog</a></li>
<li><a href="mailto:
[email protected]" title="
[email protected]">Contacto</a></li>
</ul>
</div>
<div id="principal">
<p><img class="floatleft" width="85" height="100" src="../imagenes/camiseta3.jpg" alt="Camiseta Portero" title="Camiseta Portero 08/09"/></p>
<p> El 29 de Noviembre de 1899 doce aficionados al deporte liderados por Hans Gamper fundaron el Futbol Club Barcelona. Desde su fundacion, el Barcelona a sido el club polideportivo mas importante del mundo destacando por la gran cantidad de titulos obetenidos tanto en futbol, como en baloncesto, balonmano, hockey patines y futbol sala. Estas 5 disciplinas, son solo las profesionales, por que dentro del mundo cule tambien tienen sitio el hockey hierba, el atletismo o el rugby entre otros, eso si, a nivel amateur. Otro distintivo barcelonista es la masa social que arrastra. En 2006 supero los 150.000 socios convirtiendole en el segundo club con mas socios del mundo solo por detras del Benfica. En el himno, se da buena muestra de este caracter abierto e integrador del club que no diferencia la procedencia del seguidor con una estrofa que dice: '<em>tanto da de dónde venimos, si del sur o del norte, una bandera nos hermana</em>'.</p>
<p>A lo largo del tiempo muchos son los jugadores y entrenadores que han vestido de blaugrana destacando entre otros Maradona, Cruyff, Krankl, Simonsen, Laudrup, Ronaldinho, Ronaldo, Romario o en la actualidad Lio Messi o Samuel Eto'o. El propio Cruyff, Van Gaal, Rijkaard, Venables, Rinus Michels o Helenio Herrera fueron algunos de los entrenadores que dirigieron a estos cracks. Todos ellos han traido al club muchos titulos entre los que destacan 18 Ligas, 24 Copas del Rey y 2 Champions. En la actualidad en equipo presidido por Joan Laporta y entrenado por Pep Guardiola matienen el nivel de semejante historia</p>
<p><img class="floatright" width="100" height="70" src="../imagenes/mesque.jpg" alt="Panoramica Camp Nou" title="Panoramica Camp Nou" border="1"/></p>
<p>El cesped que ha visto jugar a estos monstruos del futbol es el del Camp Nou, estadio inaugurado en 1957. Antes, de 1909 a 1922 el Barça jugo en un campo de la calle Industria de Barcelona llamado vulgarmente 'La Escopidora'. Al dejar este lugar, se dio paso al campo de Les Corts en el cabian casi 30000 personas y que izo de puente al actual Camp Nou.</p>
<p>Despues de casi 110 años de vida, el Futbol Club Barcelona es uno de los clubs deportivos mas importantes del mundo y esta presente en todos los medios. El ultimo, el terreno de la beneficiencia, prestando su camiseta hasta hace poco limpia de publicidad a la organizacion UNICEF.</p>
<p id="fuente">Fuente:<a href="http://es.wikipedia.org/wiki/Bar%C3%A7a" target="_blank"> Wikipedia[+]</a></p>
</div>
<div id="datos">
<ul id="menulistax">
<li><a>: Datos FCB :</a></li>
</ul>
<div id="club">
<p id="clubp">Club</p>
<ul id="clublista">
<li><a><strong>Fundacion:</strong> 1899</a></li>
<li><a><strong>Presidente:</strong> Joan Laporta</a></li>
<li><a><strong>Sede Social:</strong> Avda. Arístides Mailoll s/n 08028 (Barcelona)</a></li>
<li><a href="http://www.fcbarcelona.cat" target="_blank"><strong>Web Oficial:</strong> www.fcbarcelona.cat</a></li>
</ul>
</div>
<div id="campnou">
<p id="clubp">Camp Nou</p>
<ul id="clublista">
<li><a><strong>Fundacion:</strong> 24 septiembre 1957</a></li>
<li><a><strong>Capacidad:</strong> 98.787 personas</a></li>
<li><a><strong>Medidas:</strong> 105 (largo) x 68 (ancho)</a></li>
<li><a><strong>Direccion:</strong> Avda. Arístides Mailoll s/n 08028 (Barcelona)</a></li>
</ul>
</div>
<div id="palmares">
<p id="clubp">Palmares</p>
<ul id="clublista">
<li><a><strong>Ligas:</strong> 18</a></li>
<li><a><strong>Champions League:</strong> 2</a></li>
<li><a><strong>Copas del Rey :</strong> 24</a></li>
<li><a><strong>Otros titulos Nacionales:</strong> 7</a></li>
<li><a><strong>Otros titulos Europeos:</strong> 6</a></li>
</ul>
</div>
</div>
<div id="plantilla"><a href="plantilla.html"><img src="../imagenes/plantilla.jpg" width="250" height="70" alt="Plantilla 08/09" title="Plantilla 08/09" border="0"/></a></div>
<div id="contacto2"><p id="contacto3"><strong>fcbroom |</strong><a id="mail" href="webinfo.html"> Web Info [+]</a></p>
</div>
<div id="menu3">
<ul id="menulista3">
<li><a href="../index.html">Inicio</a></li>
<li><a href="actualidad.html">Actualidad</a></li>
<li><a href="club.html">Club</a></li>
<li><a href="http://fcbroom.blogspot.com" target="_blank">Blog</a></li>
<li><a href="mailto:
[email protected]" title="
[email protected]">Contacto</a></li>
</ul>
</div>
</div>
</body>
</html>
CSS:
club.css
@charset "utf-8";
/* CSS Document */
#contenedor {
height: 855px;
width: 800px;
margin: 0 auto;
background-color:#000000;
margin-top: -5px;
border:1px solid #FFFFFF;
}
#menu {
position:relative;
height:25px;
width:550px;
float:left;
background-color:#333333;
}
#principal {
width:549px;
height:550px;
position:relative;
float:left;
margin:21px 0 0 0;
background: transparent url(../imagenes/principal3.jpg) no-repeat;
}
.floatleft {float:left; margin:5px 10px 5px 5px;}
.floatright{float:right; margin:10px;}
p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:65%;
font-weight: normal;
text-align: justify;
padding:5px;
margin-top: 5px;
}
p#clubp {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF3300;
font-size:70%;
font-weight: normal;
text-align: justify;
font-weight:bold;
margin-left:5px;
}
#datos {
width:250px;
height:596px;
float: right;
position:relative;
background-color:#333333;
top:-25px;
}
#club {
width:225px;
height:150px;
float:left;
position:relative;
margin:5px 5px 0 10px;
background-color:#000000;
border:1px solid #FFFFFF;
}
#campnou {
width:225px;
height:150px;
float:left;
position:relative;
margin:15px 5px 0 10px;
background-color:#000000;
border:1px solid #FFFFFF;
}
#palmares {
width:225px;
height:155px;
float:left;
position:relative;
margin:15px 5px 0 10px;
background-color:#000000;
border:1px solid #FFFFFF;
}
#clublista {
list-style:none;
padding:0px;
position:relative;
float:left;
margin:0;
}
#clublista li { margin:0;}
#clublista li a {
display:block;
width:210px;
padding:4px 0;
text-decoration:none;
font-size:11px;
color:#FFFFFF;
background-color:#000000;
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
p#fuente {text-indent:10px;}
#contacto2 {
width:249px;
height:50px;
position:relative;
float:left;
top:66px;
background: transparent url(../imagenes/caja_contacto3.jpg) no-repeat;
}
#menu3 {
position:relative;
height:25px;
width:551px;
float:right;
background-color:#333333;
top:20px;
}
p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:65%;
font-weight: normal;
text-align: justify;
padding:5px 10px 0px 10px;
}
#plantilla {
width:250px;
height:70px;
position:relative;
border-top:1px solid #000000;
float:right;
right:-250px;
}
#menulistax {
list-style:none;
padding:0px;
margin-top:40px;
position:relative;
float:left;
margin-left:0px;
}
#menulistax li { margin-top:-15px; padding-bottom:15px;}
#menulistax li a {
display:block;
width:235px;
padding:4px 0;
text-decoration:none;
font-size:11px;
font-weight:bold;
color:#FF3300;
background-color:#000000;
padding-left:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
El div que me sale desplazado es #menu3. Si lo quieres ver en directo:
http://www.fcbroom.com/html/club.html (en opera sale descolocado ese div)
Espero puedas ayudarme :)
