Foros del Web - Ver Mensaje Individual

Sette · #7 (**permalink**) 25/03/2011, 09:34

otra cosa, no sé pq en dreamweaver se ve todo encajado en su sitioo, pero en firefox se descuadra todo, os dejo el codigo

HTML

Código:

<!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>

<link href="css/pasek.css" rel="stylesheet" type="text/css"> 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
</head>

<body>


<div id="contenedor">

	<div id="cabecera">
    	<div id="logo"></div>
        <div id="idiomas"></div>
    </div>
    
    <div id="menu">Menu</div>
    
    <div id="sliders">Sliders</div>
    
    <div id="menu_izquierda">MEnu Izquierda</div>
    
    <div id="contenido">
    	<div id="imagen_fondo">
       	  <div id="texto_fondo">
       	  <div id="titulo_caja">Algo sobre nosotros</div>
                <div id="texto_caja">
                  <p>Texto.</p>
                  <p>Texto.</p>
              </div>
          </div>
        </div>
        <div id="min_01"></div>
        <div id="min_02"></div>
        <div id="min_03"></div>
        <div id="min_04"></div>
        <div id="min_05"></div>
    </div>
    
</div>


</body>
</html>

CSS

Código:

@charset "UTF-8";
/* CSS Document */

#contenedor{
	width:975px;
	height:691px;
	background-color:#000;
}

/*CABECERA*/

#cabecera{
	width:975px;
	height:107px;
	clear:both;
	background-color:#FFF;
	padding-left:75px;
}

#logo{
	width:217px;
	height:98px;
	padding-top:5px;
	background-image:url(../imgs/logo_principal.jpg);
	background-repeat:no-repeat;
	float:left;
}

#idiomas{
	width:45px;
	height:12px;
	float:right;
	background-image:url(../imgs/idiomas_es_ing.jpg);
	background-repeat:no-repeat;
	padding-right:77px;
}

/*FIN DE CABECERA*/

#menu{
	clear:both;
	width:975px;
	height:50px;
	background-color:#FFF;
}

#sliders{
	width:975px;
	height:162px;
	clear:both;
	background-color:#FFF;
}

#menu_izquierda{
	width:289px;
	height:372px;
	float:left;
	background-color:#FFF;
}


/*CONTENIDO*/

#contenido{
	float:left;
	width:686px;
	height:372px;
	background-color:#FFF;
}

#imagen_fondo{
	background-image:url(../imgs/fondo_c_index.jpg);
	background-repeat:no-repeat;
	width:668px;
	height:297px;
	margin-top:10px;
	margin-left:10px;
	float:left;
}

#texto_fondo{
	background-image:url(../imgs/texto_c_index.png);
	background-repeat:no-repeat;
	width:390px;
	height:148px;
	float:left;
	margin-top:210px;
	}

#titulo_caja{
	float:left;
	width:390px;
	height:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	padding-top:5px;
	padding-left:35px;
}

#texto_caja{
	width:390px;
	height:118px;
	font-family:"Trebuchet MS", Arial, tHelvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	padding-left:3px;
}

#min_01{
	background-image:url(../imgs/min_01.jpg);
	width:51px;
	height:51px;
	float:left;
	margin-left:405px;
	margin-top:-64px;
}

#min_02{
	background-image:url(../imgs/min_02.png);
	width:51px;
	height:51px;
	float:left;	
	margin-top:-64px;
	margin-left:5px;
}

#min_03{
	background-image:url(../imgs/min_02.png);
	width:51px;
	height:51px;
	float:left;	
	margin-top:-64px;
	margin-left:5px;
}

#min_04{
	background-image:url(../imgs/min_02.png);
	width:51px;
	height:51px;
	float:left;	
	margin-top:-64px;
	margin-left:5px;
}

#min_05{
	background-image:url(../imgs/min_02.png);
	width:51px;
	height:51px;
	float:left;	
	margin-top:-64px;
	margin-left:5px;
}

/*FIN DE CONTENiDO*/