No logro posicionar!!! float :(

Citar

Escrito el 06 Ago 2005 04:08 pm

Saludos
¿como puedo crear dos columnas en un contenedor que ya esta centrado? para no estar usando tablas!!!!

no quiero usar mas tablas !!! :cry:

por favor en detalle que aun no comprendo mucho CSS.
El tuto de ramm lo he probado, pero a mi float no me funka... este es el codigo

Código :

body{
   background : #FFFFFF;
   margin : 10px 0px 10px 0px;
   text-align: center;
} 

#contenedor{
   text-align: justify;
   width: 730px;
   margin: auto;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   left: 5px;
   color: #003399;
   float: none;
} 

#conten_izq{
   text-align: justify;
   width: 365px;
   margin: 10px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   left: auto;
   color: #003399;
   float: left;
   right: auto;
   top: 0px;
   position: static;
} 


#titulogrande{
   font-size: 24px;
   color : #003399;
   margin : 20px 0px 20px 0px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-weight: 800;
   line-height: 20px;
}

#titulomedio{
   text-align: justify;
   width: 730px;
   background-color : #003399;
   margin: auto;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   left: 0px;
   color: #FFCC00;
}

#titulopeque{
   text-align: justify;
   width: 730px;
   background-color : #003399;
   margin: auto;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   left: 0px;
   color: #FFCC00;
}

Estoy mal estoy bien

Quisiera meter dos columnas dentro de la web pero que se centren, #conten_izq con float se va a la orilla izquierda
Gracias

Por Soundwave

Claber

1728 de clabLevel

5 tutoriales

Envíale un mensaje privado Web

Los Andes CHILE

Citar

Escrito el 06 Ago 2005 04:46 pm

Pon el HTML tambien, y un dibujo de lo que quieres lograr seria bueno tambien, no entendi muy bien lo que quieres hacer.

Que son #titulogrande, #titulomedio, #titulopeque? son divs? cual es el div que hace de segunda columna?

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 06 Ago 2005 04:59 pm

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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>..::Instituto Abdon Cifuentes - San Felipe::..</title>
<link rel="STYLESHEET" type="text/css" href="estilos.css">
</head>

<body>

<div id="titulogrande">Instituto Abd&oacute;n Cifuentes San Felipe </div>

<div id="titulomedio">...::: Bienvenido Al Sitio Web De Nuestro Instituto</div>

<div id="conten_izq">
Adheridos a la tecnolog&iacute;a, que cambia rapidamente en nuestro diario vivir, nos ha surgido la necesidad de
crear para nuestro Instituto, un sitio web: www.abdon.cl, para dar informaci&oacute;n concreta del perfil educacional y cristiano 
que poseemos, y que entregamos a cada uno de nuestros alumnos con esfuerzo y dedicación.<br />
De antemano dedicarles una buena estadia en nuestra p&aacute;gina, a modo de informaci&oacute;n para alumnos, profesores, 
apoderados, comunidad institutana y publico en general.
</div>

<div id="conten_der">
AQUI QUIERO PONER UNA IMAGEN
</div>

<br>

</body>
</html>

Hola ramm
pues el cuadro debe quedar centrado, separado en dos...
en tabla seria una fila de dos columnas iguales en tamaño(ancho)...
estoy confundido no se como hacerlo
uso los float pero el de la izquierda se ve en la orilla extrema del navegador, mientras el float derecho se coloca bien (osea desde el centro hasta el borde derecho de todo el contenedor)

en vista Diseño en Dreamweaver se me ve uno sobre otro en parte
¿como lo hago?

Por Soundwave

Claber

1728 de clabLevel

5 tutoriales

Envíale un mensaje privado Web

Los Andes CHILE

Citar

Escrito el 06 Ago 2005 05:37 pm

Bien, como dice en el tutorial, necesitas un div que cubra todo:

Código :

<div id="main">
<div id="titulogrande">Instituto Abd&oacute;n Cifuentes San Felipe </div>
<div id="titulomedio">...::: Bienvenido Al Sitio Web De Nuestro Instituto</div>
<div id="conten_izq">Adh....</div>
<div id="conten_der">AQUI QUIERO PONER UNA IMAGEN</div>
</div>

y luego en el CSS:

Código :

body {
   text-align:center;
   margin:0;
   }
#main {
   width:730px;
   margin:20px auto;
   text-align:left;
   }
#titulogrande {
   clear:both;
   }
#titulomedio {;
   clear:both;
   }
#titulopeque{
   clear:both;
} 
#conten_izq {
   width:360px;
   float:left;
   margin-right:10px;
   }
#conten_der {
   width:360px;
   float:left;
   }

Obvie todo lo de los estilos, pero por otro lado, como dic een el tutorial tambien, deberias usar las etiquetas que son para tituos, para darle la importancia que se merecen.
Intenta eso a ver

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 06 Ago 2005 09:58 pm

<div id="titulogrande">Instituto Abdón Cifuentes San Felipe </div>

<div id="titulomedio">...::: Bienvenido Al Sitio Web De Nuestro Instituto</div>

Para ésto existen los Headings