Foros del Web » Creando para Internet » CSS »

Diseño de columnas css liquid

Estas en el tema de Diseño de columnas css liquid en el foro de CSS en Foros del Web. Hola foreros de css, tengo una duda de css como darle a un div, un border con estilo dashed, le puse border-left-style:dashed; pero se me ...
  #1 (permalink)  
Antiguo 02/09/2008, 15:08
Avatar de marweb  
Fecha de Ingreso: marzo-2007
Ubicación: Ciudad de Panama
Mensajes: 125
Antigüedad: 10 años, 8 meses
Puntos: 1
De acuerdo Diseño de columnas css liquid

Hola foreros de css, tengo una duda de css como darle a un div, un border con estilo dashed, le puse border-left-style:dashed;

pero se me desonfigura toda las columnas uso un css a tres columnas que uso el ancho del navegador, pero quiero hacer una separacion de cada columna con el estiilo dashed pero me descuadra todo. como podria hacerlo
Gracias
__________________
Mario Rios - Webmaster
Diseño web en panama / Real Estate / Abogados de Panama
  #2 (permalink)  
Antiguo 02/09/2008, 15:17
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Diseño de columnas css liquid

border-left:1px dashed #B3B3B3;
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 02/09/2008, 15:22
Avatar de marweb  
Fecha de Ingreso: marzo-2007
Ubicación: Ciudad de Panama
Mensajes: 125
Antigüedad: 10 años, 8 meses
Puntos: 1
Respuesta: Diseño de columnas css liquid

no me funciona se pierde la columna en firefox, lo testee en ie e igual te pongo el codigo:
Código:
<div id="maincontainer">
<div id="topsection"><div class="innertube"><h1>CSS Liquid Layout #3.1- (Fixed-Fluid-Fixed)</h1></div></div>
<div id="contentwrapper">
<div id="contentcolumn">
<div class="innertube"><b>Content Column: <em>Fluid</em></b> <script type="text/javascript">filltext(45)</script></div>
</div>
</div>
<div id="leftcolumn">
<div class="innertube"><b>Left Column: <em>230px</em></b> <script type="text/javascript">filltext(20)</script></div>
</div>
<div id="rightcolumn">
<div class="innertube"><b>Right Column: <em>200px</em></b> <script type="text/javascript">filltext(15)</script></div>
</div>
<div id="footer"><a href="http://www.dynamicdrive.com/style/">Dynamic Drive CSS Library</a></div>
</div>

y este es el css


Código:
/* CSS Document */
body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}

#topsection{
height: 110px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 200px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 230px; /*Width of left column*/
margin-left: -100%;
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left marginto -(RightColumnWidth)*/
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
__________________
Mario Rios - Webmaster
Diseño web en panama / Real Estate / Abogados de Panama
  #4 (permalink)  
Antiguo 02/09/2008, 15:54
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Diseño de columnas css liquid

Bueno, aquí tengo un problema de entendimiento, no se exactamente a qué te refieres con expresiones tan genéricas como "se me descuadra todo", "se me pierde la columna en firefox..." (¿miraste en objeto perdidos o debajo la cpu ?)
Sé un poco más específico en describir qué quieres lograr y en cuál es el problema.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 02/09/2008, 16:02
Avatar de marweb  
Fecha de Ingreso: marzo-2007
Ubicación: Ciudad de Panama
Mensajes: 125
Antigüedad: 10 años, 8 meses
Puntos: 1
Pregunta Respuesta: Diseño de columnas css liquid

Ok ya arregle eso puse :

#contentcolumn{
margin: 0 200px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-left:1px dashed #B3B3B3;
border-right:1px dashed #B3B3B3;
}

la pregunta seria ella tiene el wisth auto segun el contenido que tiene ella verdad.

No hay forma de llegar ese borde derecho e izquierdo hasta el final.
__________________
Mario Rios - Webmaster
Diseño web en panama / Real Estate / Abogados de Panama
  #6 (permalink)  
Antiguo 02/09/2008, 16:58
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Diseño de columnas css liquid

Mikemoro tiene publicado en un post de este foro de css cómo lograr que los div´s crezcan hasta el footer independientemente del contenido ( y con ello los 'border', 'background', etc.
Sólo tienes que encontrarlo.
Suerte
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 08:55.