Foros del Web » Creando para Internet » Diseño web »

problema con maquetacion con css

Estas en el tema de problema con maquetacion con css en el foro de Diseño web en Foros del Web. el problema que tengo es que tengo una web ke estoy haciendo la cual tiene una imagen de encabezado y mas abajo 3 columnas. pues ...
  #1 (permalink)  
Antiguo 24/05/2009, 10:59
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 8 años, 7 meses
Puntos: 1
problema con maquetacion con css

el problema que tengo es que tengo una web ke estoy haciendo la cual tiene una imagen de encabezado y mas abajo 3 columnas. pues la columna de la derecha no se ke e hecho que se me a pasado debajo de la columna izquierda.

estoy maketando con html y css e revisado los codigos css pero no encuentro el fallo.

esto son los codigos:

html:






<link href="micss2.css" rel="stylesheet" type="text/css" />
</head>

<body>




<div id="wrapper">
<div id="header"><img src="imagenes/titulo.jpg" width="800" height="89" align="absmiddle"/> </div>
<p> </p>
<div id="menu"><div class="barraMenu">
<a class="botonMenu" href="">Inicio</a>
<a class="botonMenu" href="">Nosotros</a>
<a class="botonMenu" href="">Servicios</a>
<a class="botonMenu" href="">Presupuestos</a>
<a class="botonMenu" href="">Garantía</a>
<a class="botonMenu" href="">Delegaciones</a>
<p> </p>
</div>
</div>
<div id="columnaprincipaltitulo">

</div>
</div>
<div id="main">
<div id="column1">
<div id="box_presupuestos">
<h1>Presupuestos para Mudanzas </h1>
<h2>* Tarifas ajustadas a sus necesidades</h2>
<h2>* Sin horarios ni recargos</h2>
<h2>* Paga s&oacute;lo los d&iacute;as y el espacio necesario</h2>
<h2>* Presupuestos sin compromiso alguno por parte de nuestros clientes</h2>
<p><img src=alt="imagenlateralizquierda" width="151" height="85" /> </p>
<div>
<p><a href=>Solicite presupuesto de mudanzas</a></p>
</div>
</div>
</div>
<div id="column2"><img src="imagenes/flota-camiones.jpg" width="499" height="240" align="middle" /></div>
<div align="center"></div>
</div>
<div id="column3">
<div align="right"> </div>
</div>

<div class="barraMenu" id="footer">pie de pagina </div>
</div>

</body>
</html>

y codigos css:

#wrapper {
height:auto;
margin:auto;
width: 800px;
}

#menu div.barraMenu,
#menu div.barraMenu
a.botonMenu {
font-family: sans-serif, Verdana, Arial;
font-size: 16px;
color: #FFFFFF;
width:800px;
height:auto;
}

#menu div.barraMenu {
text-align:center;
background:#0000FF;
background-color: #FFFFFF;
}

#menu div.barraMenu a.botonMenu {
background-color: #0033FF;
color: #FFFFFF;
cursor: pointer;
padding: 4px 6px 2px 5px;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;

}

#menu div.barraMenu a.botonMenu:hover {
background-color: #0000CC;
}

#menu div.barraMenu a.botonMenu:active {
background-color: #999900;
color: black;
}

#columnaprincipaltitulo{
width:800px;
overflow:hidden;
height:30px;
background-color:#FFFFFF;
background-image: url(imagenes/barra.jpg);
background-position: center;
}

#main {
width:800px;
overflow:hidden;
height:auto;
margin:auto;
}

#column1 {
width:150px;
background-color:#FFFFFF;
height:600px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
}

h1 {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
}


#column2 {
width:500px;
background-color:#FFFFFF;
height:600px;
float:left;
}
#column3 {
width:150px; ////esta es la columna ke falla//////
background-color:#0000FF;
height:600px;
float:left;
}

#footer {
width:800px;
height:35px;
background-color:#C0C0C0;
margin:auto;
}
  #2 (permalink)  
Antiguo 24/05/2009, 11:49
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: problema con maquetacion con css

Porque #column3 lo tienes fuera de #main:
Cita:
</div> <!--- este es el cierre de #main -->
<div id="column3">
<div align="right"> </div>
</div>
<!-- pon el cierre aquí -->
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 24/05/2009, 12:23
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: problema con maquetacion con css

gracias tio. era lo que tu decias ya lo e corregido XD XD
  #4 (permalink)  
Antiguo 25/05/2009, 10:39
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: problema con maquetacion con css

ey de nuevo vuelvo a tener problemas...en el mozilla la columna 3 me aparece donde tiene que estar pero en el editor del dreamweaver me aparece debajo de la columna1 ke esta esta a la izquierda.....vuelvo a poner los codigos html y css...joder......

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>mudanzas 200 s.l</title>
<link href="micss2.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="wrapper">
<div id="header"><img src="imagenes/titulo.jpg" width="800" height="89" align="absmiddle"/> </div>
<p> </p>
<div id="menu"><div class="barraMenu">
<a class="botonMenu" href="">Inicio</a>
<a class="botonMenu" href="">Nosotros</a>
<a class="botonMenu" href="">Servicios</a>
<a class="botonMenu" href="">Presupuestos</a>
<a class="botonMenu" href="">Garantía</a>
<a class="botonMenu" href="">Delegaciones</a>
<p> </p>
</div>
</div>
<div id="columnaprincipaltitulo">

</div>
</div>
<div id="main">
<div id="column1">
<div id="box_presupuestos">
<h1>Presupuestos para Mudanzas </h1>
<h2>* Tarifas ajustadas a sus necesidades</h2>
<h2>* Sin horarios ni recargos</h2>
<h2>* Paga s&oacute;lo los d&iacute;as y el espacio necesario</h2>
<h2>* Presupuestos sin compromiso alguno por parte de nuestros clientes</h2>
<p> alt="imagenlateralizquierda" width="151" height="85" /> </p>
<div>
<p> Solicite presupuesto de mudanzas</a></p>
</div>
</div>
</div>
<div id="column2"><img src="imagenes/flota-camiones.jpg" width="479" height="241"/></div>


<div id="column3"><p>columna3</p>
</div>
</div>

<div class="barraMenu" id="footer">pie de pagina </div>
</div>

</body>
</html>

y el codigo css:

#wrapper {
height:auto;
margin:auto;
width: 800px;
}

#menu div.barraMenu,
#menu div.barraMenu
a.botonMenu {
font-family: sans-serif, Verdana, Arial;
font-size: 16px;
color: #FFFFFF;
width:800px;
height:auto;
}

#menu div.barraMenu {
text-align:center;
background:#0000FF;
background-color: #FFFFFF;
}

#menu div.barraMenu a.botonMenu {
background-color: #0033FF;
color: #FFFFFF;
cursor: pointer;
padding: 4px 6px 2px 5px;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;

}

#menu div.barraMenu a.botonMenu:hover {
background-color: #0000CC;
}

#menu div.barraMenu a.botonMenu:active {
background-color: #999900;
color: black;
}

#columnaprincipaltitulo{
width:800px;
overflow:hidden;
height:30px;
background-color:#FFFFFF;
background-image: url(imagenes/barra.jpg);
background-position: center;
}

#main {
width:800px;
overflow:hidden;
height:auto;
margin:auto;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#column1 {
width:150px;
background-color:#FFFFFF;
height:600px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
}

h1 {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
}


#column2 {
width:500px;
background-color:#FFFFFF;
height:600px;
float:left;
}

#column3 {
width:150px;
background-color:#FFFFFF;
height:600px;
float:left;
}

#footer {
width:800px;
height:35px;
background-color:#C0C0C0;
margin:auto;
}
  #5 (permalink)  
Antiguo 25/05/2009, 11:43
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: problema con maquetacion con css

Pues si en los navegadores se te ve bien...
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 06/08/2009, 10:50
Avatar de miguel_cuartito  
Fecha de Ingreso: noviembre-2008
Mensajes: 34
Antigüedad: 9 años
Puntos: 1
Respuesta: problema con maquetacion con css

Hola , a mi tambien me pasa a veces que en dreamweaver se descompagina toda la pagina pero la pruebo en los distintos navegadores y anda bien.

Saludos


---------------------------------------------------------------
Diseño web
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 18:12.