Buenas
Estoy trabajando con divs. Un diseño muy simple: encabezado y debajo 3 divs uno al lado del otro, cada uno con su correspondiente texto. El problema es que en una de las páginas, debo usar sólo 2 divs: el primero queda intacto porque es la barra de navegación, el 2º y 3º se juntan. Con tablas se soluciona fácilmente con un coldspan. Con divs, lo que hice fue generar en css otro id (sería el #col2bis) exactamente igual al 2º (#col2) pero cambiando el ancho (o sea que abarque el espacio del col3). El problema está en que me desplaza todo el texto, invadiendo el espacio debajo del div 1 y ocupando todo el ancho. No encuentro solución!!! Copio el código del CSS. Agradecería una mano, estoy hace 3 días queriendo solucionar ESTE problema!!!. Saludos
#container {
background-image:url(images/bg_container_Int.jpg);
background-repeat:no-repeat;
width: 1000px;
margin:0 auto;
margin-top:0px;
}
#topfile {
width:100%;
height:5px;
}
#header {
width:960px;
height:95px;
margin-left:20px;
}
#logo {
width:25%;
height:95px;
float:left;
text-decoration:none;
}
#logo a{
text-decoration:none;
}
#navigation {
width:75%;
height:95px;
float:left;
}
.barNav {
font-family: "Trebuchet MS", "Myriad Pro", Arial;
font-size: 14px;
background-color: #FFF;
text-align: center;
float: right;
display:block;
text-decoration: none;
color: #000;
white-space: normal;
padding: 10px;
padding-top: 43px;
}
.barNav:hover {
font-family: "Trebuchet MS", "Myriad Pro", Arial;
font-size: 14px;
background-color:#FFF;
right: 40px;
text-align: right;
float: right;
display: block;
text-decoration: none;
color: #999;
}
#midfile {
width:100%;
height:15px;
}
.barNavLeft {
display:block;
text-decoration:none;
height:auto;
padding-left:7px;
padding-top:10px;
}
.barNavLeft a{
background-image:url(images/bg_menuLeft.png);
padding-top:7px;
padding-left:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
width: 235px;
height:30px;
display:block;
text-decoration:none;
background-repeat: no-repeat;
}
.barNavLeft a:hover{
padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
background-image:url(images/bg_menuLeft_over.png);
background-repeat: no-repeat;
list-style-type: none;
}
#colContent {
width:960px;
height:auto;
clear:both;
margin:auto;
}
#col1 {
width:200px;
height:auto;
float:left;
padding-right:0px;
}
.contact {
padding-left:10px;
text-decoration:none;
color:#06C;
}
.contact a{
padding-left:10px;
text-decoration:none;
color:#06C;
}
.contact a:hover{
padding-left:10px;
text-decoration:underline;
}
#news a {
color:#333;
padding-top:0px;
padding-left:8px;
margin:0 auto;
text-align:justify;
}
#news a:hover {
color:#999;
padding-top:0px;
text-decoration:none;
padding-left:8px;
margin:0 auto;
}
#sidebarInt {
width:11px;
height:175px;
float:left;
margin-top:0;
}
#col2 {
width:422px;
height:auto;
float:left;
margin:0;
padding-left:10px;
padding-right:30px;
background-position:top-right;
background-repeat:no-repeat;
text-align: justify;
}
#col2 strong{
font-weight:700;
font-size:14px;
}
#col2 a{
font-family: "Trebuchet MS", "Myriad Pro", Arial;
font-size: 12px;
color: #333;
}
#col2bis {
width:700px;
height:auto;
float:left;
margin:0;
padding-left:10px;
padding-right:10px;
background-position:top-right;
background-repeat:no-repeat;
text-align: justify;
}
#col2bis strong{
font-weight:700;
font-size:14px;
}
#col2bis a{
font-family: "Trebuchet MS", "Myriad Pro", Arial;
font-size: 12px;
color: #333;
}
#col2bis a:hover{
font-family: "Trebuchet MS", "Myriad Pro", Arial;
font-size: 12px;
color:#999;
text-decoration:none;
}
ul {
padding-left:5px;
font-size:12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
list-style-type: disc;
list-style-position: inside;
}
.next {
font-family: "Trebuchet MS", "Myriad Pro", Arial;
font-size: 12px;
color: #333;
float:right;
padding-left:20px;
}
#col2 a:hover{
font-family: "Trebuchet MS", "Myriad Pro", Arial;
font-size: 12px;
color:#999;
text-decoration:none;
}
#p.operations {
color:#C00;
}
#col3 {
width:286px;
height:auto;
float:right;
}
#footer {
width:1000px;
margin:0 auto;
margin-top:0px;
}
#footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
padding: 10px;
}
h1 {
color:#C00;
font-size:18px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h2 {
color:#333;
font-size:14px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3 {
font: Arial, Helvetica, sans-serif;
color:#06C;
font-size:18px;
font-weight:900;
}
p {
font-family: "Trebuchet MS", "Myriad Pro", Arial;
font-size: 12px;
color: #333;
}
.content {
padding-top:5px;
padding-left:5px;
padding-right:5px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
