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ólo los dí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;
}