bueno no tengo mucha idea de maquetar y estoy teniendo un monton de problemas con este sencilla página:
Código:
<html>
<head>
<title>Latialola</title>
</head>
<body style="margin:0;">
<div id="contenedor" style="width:100%;height:100%;margin:0;background-color:black;">
<div id="contenido" style="width:75%;height:100%;margin:auto;background-color:blue;">
<h1 style="margin:0;"><font color="white">La Tia Lola</font></h1>
<div id="menu" style=" width:15%;height:75%;float:left;margin-top:50px;background-color:red;">
<p style="margin:10px;">Menus<br>
horario
</p>
</div>
<div id="noticias" style="width:60%;height:75%;float:left;margin-top:50px;background-color:white;">
Bienvenidos
</div>
<div id="salas" style="width:25%; height:75%;float:left;margin-top:50px;background-color:green;">
</div>
</div>
</body>
</html>
en mozilla me sale centrado.. pero en en el explorer no..
después cada sección quiero que tenga cierto "padding" por asi decirlo pero si uso padding se vuelve todo loco y se descuadra.. asi que la unica solución que encontré es meter todo dentro de un <p style="margin:10px"> como solucionais vosotros estos problemas? alguna guia para maquetar? gracias de antemano