Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/04/2007, 12:18
manuman
 
Fecha de Ingreso: marzo-2007
Mensajes: 89
Antigüedad: 17 años, 1 mes
Puntos: 0
IE no lee mi <p2>

Hola! Gracias a Uds. logre maquetear mi primer
página pero IE no lee los cambios que hago en
<p2>; FF, en cambio, sí.
Cual es el problema....
Gracias, otra vez..

HTML
********************************
<body>
<div id="cont">
<div id="cab">
Hola a Todoss!!!
</div>
<div id="cuerpo">
<div id="izq">
<img src="fotoloca.jpg" />
no se que voy a poner<br/>
no se no se
</div>
<div id="der">
<div id="subder">
contenido
</div>
<div id="subder">
<img src="JELLYcopy.jpg" />
</div>
<div id="subder">
<img src="bahia.jpg" />
</div>
<div id="subder">
<img src="MUN.jpg" />
</div>
<div id="subder">
<img src="beat.jpg" />
</div>
</div>
<div id="centro">
<div id="nota">
<table width="405">
<tr>
<td valign="bottom">
<H1>Música en Vivo</H1>
</td>
<td align="right" valign="bottom">
<p2>Lunes 25 de Junio</p2>
</td>
</tr>
</table>
<HR color="#CCCCCC" size="1"/>
<img class="flotante" src="Soles prueba II 021.jpg" width="150px" border="1px solid silver"/>
<p>Hbla bla bla sed do eiusm od tempor incidid unt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&quot;</p>
</div>
<div id="nota">
<h1>2x1 en Hotspot!!</h1>
<HR color="#CCCCCC" size="1" />
<img class="flotante" src="hot spot copy.jpg" height="150" border="1px solid silver"/>
<p>s bla bla bla sed do eiusm od tempor incidid unt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velaborum.&quot;</p>
</div>
<div id="nota">
<h1>2x1 en Hotspot!!</h1>
<HR color="#CCCCCC" size="1" />
<img class="flotante" src="banana beach.jpg" width="150" border="1px solid silver"/>
<p>Hoy, como tos bla bla bla sed do eiusm od tempor incidid unt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ulla;</p>
</div>
</div>
</div>
<div id="pie">
<div class="blur">
<div class="shadow">
<div class="content">2007 manu amadeo</div>
</div>
</div>
</div>
</body>
************************************************** *****

CSS
************************************************** *****
body{
text-align: center;
}
#cont{
width: 770px;
margin: auto;
}
#cab{
text-align: left;
border-bottom: 1px solid #009900;
}
#cuerpo{
width: 770px;
padding: 0px;
margin: 2px 0px 0px 0px;
}
#izq{
text-align: left;
width: 150px;
border: 1px solid silver;
float: left;
margin: 2px 0px 2px 0px;
}
#der{
width: 200px;
float: right;
}
#subder{
vertical-align: bottom;
height: 108px;
border: 1px solid silver;
margin: 2px 0px 2px 0px;
}
#centro{
text-align: justify;
margin: 0px 0px 0px 154px;
width: 410px;
}
#nota{
margin-top: 2px;
padding: 0px 4px 0px 4px;
border: 1px solid silver;
}
#pie{
margin-top: 2px;
clear: both;
border: 1px solid silver;
}
H1{
margin-left: 5px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-style: bold;
font-size: 12px;
text-align: left;
color: green;
}
}
p{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
margin: 0px 5px 0px 5px;
padding: 0px 2px 0px 2px;
}
p2{
color: yellow;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin-right: 8px;
}
p3{
color: navy;
}
.flotante{
float: right; padding: 2px; margin: 8px 5px 3px 5px;
}
a{
text-decoration: none;
}
A:ACTIVE{
color: #000000
}
A:HOVER{
color: #003366;
text-decoration: none;
}
A:LINK{
color: #0033CC;
text-decoration : none;
}
.link{
color: #0000CC;
}
************************************************** *******