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