Buenas, soy bastante novato con esto de maquetar en CSS, esta fue mi mas avanzada "creacion"
fijense en este sitio [URL="http://www.marywarddocumentary.com/mwnewsletterb.html"]http://www.marywarddocumentary.com/mwnewsletterb.html[/URL] le estoy haciendo una newsletter a esa pagina pero resulta que en todos los navegadores se ve bien, Mac/Pc Safari, Firefox, Chrome etc, excepto,..... si...ese...el innombrable 8, como puedo hacer para que quede bien?, ya que, ademas, cuando muevo la ventana se me mueve el Frame derecho (ID= rhs) que de hecho causa un caos en todas las demas cajas. Ayuda please, gacias.
Código:
@charset "UTF-8";
/* CSS Document */
<style>
body {
margin:0;
padding:0;
text-align:left;
}
body,td,th {
font-size: 12.5px;
font-family: Georgia, Times New Roman, Times, serif;
}
a {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12.5px;
}
a:link {
text-decoration: none;
color: #09C;
}
a:visited {
text-decoration: none;
color: #06C;
}
a:hover {
text-decoration: none;
color: #FFF;
}
a:active {
text-decoration: none;
}
.white {
color: #FFF;
}
.bold {
font-weight: bold;
color: #FFF;
}
body {
background-color: #2e2209;
}
html>body #content {
text-align:centre;
margin:auto;
background-color:#CCC;
width:900px;
height:1100px;
}
#cabecera {
width: 900px;
height:321px;
background-image:
url(imagesnl/top.jpg);
background-color:
#2e2209;
}
#lhs {
width:116px;
height:339px;
float:left;
background-image:url(imagesnl/lhs.jpg);
background-color:
#2e2209;
}
#contenido {
width:790px;
height:339px;
background-color:#edd8a7;
text-align: left;
vertical-align: text-top;
margin-top:-12.5px;
}
#rhs {
width:110px;
height:779px;
float:right;
background-image:url(imagesnl/rhs.jpg);
margin-top:-339px;
// margin-right:43px; //
background-color:
#2e2209;
}
#mb {
width:790px;
height:262px;
background-image:
url(imagesnl/mb.jpg);
background-color:
#2e2209;
}
#pie {
width:433px;
height:178px;
background-image:url(imagesnl/bhs.jpg);
float:left;
background-color:
#2e2209;
}
#contenido2 {
width:357px;
height:104px;
background-color:#000101;
margin-left:433px;
}
#brhs {
width:357px;
height:74px;
margin-left:433px;
background-image:url(imagesnl/brhs.jpg);
background-color:
#2e2209;
}
</style>