Foros del Web » Creando para Internet » CSS »

Problema con el contenido

Estas en el tema de Problema con el contenido en el foro de CSS en Foros del Web. Hola! Les escribo para ver si me pueden ayudar con el siguiente error: tengo una pagina con tres columnas la idea es que las columnas ...
  #1 (permalink)  
Antiguo 01/02/2010, 10:12
 
Fecha de Ingreso: febrero-2010
Mensajes: 2
Antigüedad: 7 años, 10 meses
Puntos: 0
Sonrisa Problema con el contenido

Hola!

Les escribo para ver si me pueden ayudar con el siguiente error: tengo una pagina con tres columnas la idea es que las columnas se expandan de acuerdo al contenido que va en el centro y que el color que deje sea el blanco y no el azul como lo hace ahora.

Aqui les adjunto el html y css para que me ayuden:

<body>
<div id="wrapper">
<div id="header"> </div>
<div id="faux">
<div id="leftcolumn">
<div id="logo"><a href="/"><img src="../../images/logo11.jpg" alt="logo" width="154" height="65" /></a></div>
<div id="Services_box">
<div id="Services">
</div>
</div>
</div>
<div id="content">
<div id="banner_box"><img src="../../images/banner.jpg" alt="banner" width="482" height="285" /></div>
<div id="topmenu_box">
<div id="topmenu"> </div>
<div id="welcom_box">
<span class="wel_text"></span><br />
<br />
<div> <p>{tag_pagecontent}</p>
</div>

</div>
</div>
</div>
<div id="rightcolumn">
<div id="info"><img src="../../images/info.png" alt="" width="181" height="44" /></div>
<div id="contect_box">
<div id="contect">

</div>
</div>
</div>
<div id="footer">

</div>
</div>
</div>

/*Layout*/

* { margin: 0; }

#wrapper {
margin: 0 auto;
width: 930px;
background-color:#45607B;
border:1px solid #003366;
}
#faux {
margin-bottom: 5px;
background-color:#45607B;
padding-left: 15px;
width:897px;
}
#header {
color: #333;
width: 930px;
background-image: url(../images/hdr_tp_img.jpg);
background-repeat: repeat-x;
height: 20px;
}
#leftcolumn {
position: relative;
width: 208px;
float: left;
}
#content {
float: left;
background-color:#FFF;
background-repeat:repeat;
width: 492px;
display: inline;
position: relative;

}
#rightcolumn {
position: relative;
width: 197px;
float: left;
}
#footer {
width: 897px;
clear: both;
margin: 10px 0px 10px 0px;
padding-left: 10px;
}
.clear { clear: both; background: none; }

/*Complementos Plantilla*/


#banner_box{
width:488px;
padding-top: 4px;
padding-left: 4px;
}
#logo{
width:180px;
height:100px;
float:left;
padding-top: 35px;
padding-left: 27px;
}

#Services_box{
width:208px;
float:left;
background-color:#FFF;
padding-bottom:15px;
}
#Services{
width:205px;
float:left;
background-color:#e6e8ef;
border:1px solid #CCC;
margin-top: 10px;
}
#contect_box{
width:197px;
float:left;
background-color:#FFF;
padding-bottom:15px;

}
#info{
width:180px;
height: 100px;
padding-top:35px;
padding-left:15px;
}
#contect{
width:190px;
float:left;
background-color:#e6e8ef;
border:1px solid #CCC;
margin-top: 10px;
}
#topmenu_box{
width:488px;
height:40px;
padding-bottom:15px;
}
#topmenu{
width:485px;
height:32px;
background-color:#222120;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
margin-left: 3px;
}

#welcom_box{
width:488px;
float:left;
}
.wel_text{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #31485d;
text-decoration: none;
padding-top: 10px;
padding-left:11px;
padding-bottom: 10px;
background-color:#FFF;
background-repeat:repeat-x;
}
.copy{
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
color: #e9eaf1;
text-decoration: none;
}

p{
color:#121a21;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
line-height: 18px;
text-align: justify;
margin-left: 10px;

}
a.whitelink:link, a.whitelink:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #e9eaf1;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

a.whitelink:active, a.whitelink:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #dee2ef;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

a.moreinfo:link, a.moreinfo:visited {
color:#46647f;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

a.moreinfo:active, a.moreinfo:hover {
color:#000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}
.margin a {
padding-left: 8px;
font-weight: bold;
color:#FFFFFF;
font-family: Verdana;
font-size: 11px;
text-decoration: none;
}
  #2 (permalink)  
Antiguo 01/02/2010, 13:49
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problema con el contenido

http://www.forosdelweb.com/f53/probl...lturas-773208/

#2
  #3 (permalink)  
Antiguo 01/02/2010, 13:49
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: Problema con el contenido

Hey, sería mas facil graficarlo con un link a la pagina.

Cita:
que el color que deje sea el blanco y no el azul como lo hace ahora
El fondo en azul, y las tres columnas son blancas?
  #4 (permalink)  
Antiguo 01/02/2010, 15:00
 
Fecha de Ingreso: febrero-2010
Mensajes: 2
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Problema con el contenido

Si las columnas son blancas pero lo expande y lo deja en azul.

Etiquetas: contenido
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:58.