Foros del Web » Creando para Internet » CSS »

Problemas con formateo de página con css

Estas en el tema de Problemas con formateo de página con css en el foro de CSS en Foros del Web. Hola estoyrealizando una página lo estoy probando con diferentes navegadores (Explorer, Firefox, Opera Safari, Nescape) tanto en Safari, Explorer y Nestcape se ve igual pero ...
  #1 (permalink)  
Antiguo 20/05/2009, 11:03
Avatar de salvador86  
Fecha de Ingreso: enero-2008
Ubicación: Guadalajara- Mexico
Mensajes: 467
Antigüedad: 9 años, 11 meses
Puntos: 2
Problemas con formateo de página con css

Hola estoyrealizando una página lo estoy probando con diferentes navegadores (Explorer, Firefox, Opera Safari, Nescape) tanto en Safari, Explorer y Nestcape se ve igual pero en Firefox y Opera, es un problema ligero pero no me deja proseguir con mi diseño, en esta ruta se ve la página http://www.vivatoursperu.com/c-tours.html.

La diferencia se observa en la fotos con bordes redondeadas, por ejemplo en el primero al costado hay un texto que dice Lima & Andes Machu Picchu que es un parrafo en Firefox se ve por debajo del ras de la imagen como si tuviera margin-top: 10px, y en los demas normal, otro error que me pasa ahora en Opera es que en el lado izquierdo de la imagen se ve un punto naranja esto se debe que la línea naranja que atravieza es un punto que es una imagen de fondo que se repite horizontalmente, y al mostrarse en el lado izquierdo esta punto da apariencia que la imagen con bordes redondos tiene margin-left:2px;

Voy a poner el codigo que implica esto, por favor he tratado de formatear bien con css pero no se porque se ve así espero me puedan ayudar y de paso me dan una recomendación a mi página. Gracias.

CSS
Cita:
.programa {
width:252px;
height:100px;
float:left;
margin:10px 4px 0 4px;
font-size:10px;
background:url(../gifs/hr.gif);
color: #666666;
vertical-align: top;
padding: 0;
}
.programa p.f1 {
margin:0 0 5px 5px;
font-weight:bold;
font-size:12px;
font-family:Verdana;
color:#E15A00;
padding: 0;
}
.programa p.f2 {
font-size:10px;
font-family:Verdana;
font-weight:bold;
color: #FF6600;
margin-top: 15px;
text-align: right;
margin-right: 5px;
}
.programa a, #titulo a, #avizos a {
font-size:10px;
font-weight:bold;
margin:5px;
font-family:Verdana;
text-decoration:none;
}
#enlace {
width:75px;
float:right;
text-align: right;
}
.impuesto {
float:left;
width:100px;
font-size: 9px;
margin-top: 15px;
}
HTML
Cita:
<div class="programa">
<a href="c-pg_lima-andes9d.html" target="portada"><img src="imagenes/tour-la9.jpg" border="0" align="left" /></a>
<p class="f1">Lima &amp; Andes<br />Machu Picchu</p>
<div id="enlace">| <a href="c-pg_lima-andes9d.html" target="portada">Detalles</a></div>9 D&iacute;as
<div class="impuesto">Incluido impuestos</div>
<p class="f2">$ 1099 </p>
</div>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:54.