bueno ya realice algunos cambios este es el code de html
Código:
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css"/>
<title>wegb</title>
</head>
<div id ="principal">
<div id ="head">
head
<div id ="logo">
logo
</div>
</div>
<div id ="menu">
</div>
<div id ="i">
izquiero <br><br><br><br><br><br><br><br>ffff
</div>
<div id ="d">
derecho
</div>
<div id ="c">
centro
</div>
<br>
<div id ="caja">
<div id ="noticias">
noticias <br>
</div>
<div id ="promos">
promos
</div>
</div>
</body>
</html>
Y EL CSS
Código:
BODY {
background-color: #000000;
font-style: Helvetica Calibri;
font-size: 14px;
font-color:#000000;
}
#principal{
position:relative;
width:99%;
}
#head{
position:relative;
width:99%;
}
#logo{
position:relative;
width:99%;
font-color:EB2020;
}
#menu{
position:relative;
width:99%;
font-color:B67676;
}
#i{
position:relative;
width:1%;
float:left;
font-color:B67676;
}
#c{
position:relative;
width:50%;
overflow: hidden;
margin: auto;
border-left: #FF6600 2px solid;
border-right: #FF6600 2px solid;
background-color: #EDEEF8;
padding: 5px;
}
#d{
position:relative;
width:1%;
float: right;
font-color:#FFFFFF;
}
#caja{
position:relative;
width:50%;
overflow: hidden;
margin: auto;
border-left: #FF6600 2px solid;
border-right: #FF6600 2px solid;
background-color: #EDEEF8;
padding: 5px;
}
#noticias{
width: 10%;
float:left;
background:#CC6600;
}
#promos{
width: 10%;
float:right;
border-left: #FF6600 1px solid;
background:#CC6600;
}
Pero aun se desplaza en este caso "caja" si por ejemplo de lado derecho no hay texto se carga a ese lado. lo unico que quiero lograr es que quede en el centro igual que lo que va en el centro