Hola gente. Tengo este problemilla. maqueto mi pagina perfectamente en dreamweaver con css pero resulta que al probar la pagina en los browsers tanto en IE como en Firefox, no respetan los parametros que puse y se mueven.
Mientras que en dreamweaver se ve así:
En el browser se ve así:
http://www.targetmail.com.ar/prueba/diseno2.jpg
MI css está de esta manera:
Código:
body{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#504026;
text-align:center;
margin-top:0px;
}
#wrapper{
width:1024px;
height:768px;
margin:0px auto;
}
#leftcolumn {
width: 786px;
height:768px;
background-image:url(images/lola_and_simon.jpg);
background-repeat:no-repeat;
background-position:5% 10%;
margin:0px;
}
#content_wrapper{
text-align:left;
margin-top:205px;
margin-left:10px;
margin-bottom:auto;
margin-right:auto;
}
#main{
width:208px;
height:768px;
float:right;
background-color:#c79453;
text-align:center;
}
#menu_wrapper{
width:201px;
margin:222px 7px auto;
text-align:left;
}
#foot{
clear:both;
}
y mi html está asi:
Código:
<body>
<div id="wrapper">
<div id="main">
<div id="menu_wrapper">
<span id="bot_menu"><a href="#">Home</a></span>
<span id="bot_menu"><a href="#">Book on-line</a></span>
<span id="bot_menu"><a href="#">Locarion & map</a></span>
<span id="bot_menu"><a href="#">Opening times</a></span>
<span id="bot_menu"><a href="#">Food & drink</a></span>
<span id="bot_menu"><a href="#">Photo gallery</a></span>
<span id="bot_menu"><a href="#">Private parties</a></span>
<span id="bot_menu"><a href="#">Special offers</a></span>
<span id="bot_menu"><a href="#">Lola & Simon</a></span>
<span id="bot_menu"><a href="#">Calendar</a></span>
<span id="bot_menu"><a href="#">Press notes & reviews</a></span>
<span id="bot_menu"><a href="#">Sing up for news and events</a></span>
</div>
</div>
<div id="leftcolumn">
<div id="content_wrapper">
<img src="images/foto.jpg" />
</div>
</div>
</div>
</body>
</html>
ya probè todas las maneras que se me ocurrieron pero nose que es lo que hace que mi div contenedor de todo "#wrapper" tome el mismo margen que el div que va dentro de "#leftcolumn". no entiendo!!!!
Gracias a la persona "buena onda" que me ayude a resolver esto!