Foros del Web » Creando para Internet » CSS »

css y opera

Estas en el tema de css y opera en el foro de CSS en Foros del Web. Hola buenas tardes. Ando modificando mi web para poder verla bien en ie6 (y la cosa va bien) y me dio por bajar opera para ...
  #1 (permalink)  
Antiguo 06/02/2009, 09:32
 
Fecha de Ingreso: febrero-2007
Mensajes: 93
Antigüedad: 10 años, 10 meses
Puntos: 0
css y opera

Hola buenas tardes.

Ando modificando mi web para poder verla bien en ie6 (y la cosa va bien) y me dio por bajar opera para ver como se ve alli. Ahora mismo se ve bien en Firefox, ie7, Chrome y Safari. Pero en Opera, hay 3 paginas donde el mismo menu aparece como unos 15px mas arriba de donde quiero.

He rebuscado aqui por algo parecido a los comentarios condicionales y veo que no existe nada igual para opera.

Alguien puede ayudarme? El codigo del div desplazado esos 15 px (mas-menos) es (no va dentro de otro div):

#menu3 {

position:relative;
height:25px;
width:551px;
float:right;
background-color:#333333;
top:20px;

}

Yo soy de los que prefiero que todo el mundo vea bien mis paginas y me molestan mucho esos 15px.
  #2 (permalink)  
Antiguo 06/02/2009, 11:29
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: css y opera

Saludos!!

Creo que mejor nos pones todo el codigo CSS y HTML, sera mas facil, y mas rapido para nosotros ayudarte con esa informacion!

Hasta Luego
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 06/02/2009, 17:55
 
Fecha de Ingreso: febrero-2007
Mensajes: 93
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: css y opera

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="es"/>
<meta name="robots" content="all" />
<meta name="description" content="fcbroom, web homenaje al futbol Club Barcelona, actualidad, calendarios, fotogalerias, messi n1, fcbroom" />
<meta name="keywords" content="fcbroom, fcb, barcelona, barça, futbol, club, messi" />
<link rel="shortcut icon" type="image/x-icon" href="../imagenes/favicon.ico" />
<link rel="icon" type="image/x-icon" href="../imagenes/favicon.ico" />
<link rel="stylesheet" href="../css/club.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="../css/fcb.css" type="text/css" media="screen"/>
<script src="../js/fecha.js" type="text/javascript"></script>
<title>fcbroom | Futbol Club Barcelona Fansite - Club</title>
</head>
<body>
<div id="contenedor">
<div id="cabecera"><img src="../imagenes/cabecera2.jpg" width="800" height="120" alt="Cabecera Club" title="Cabecera Club"/>
<div id="fecha" class="clase_fecha">
<script type="text/javascript">Fecha()</script>
</div>
</div>
<div id="menu">
<ul id="menulista">
<li><a href="../index.html">Inicio</a></li>
<li><a href="actualidad.html">Actualidad</a></li>
<li><a href="club.html">Club</a></li>
<li><a href="http://fcbroom.blogspot.com" target="_blank">Blog</a></li>
<li><a href="mailto:[email protected]gmail.com" title="[email protected]">Contacto</a></li>
</ul>
</div>
<div id="principal">
<p><img class="floatleft" width="85" height="100" src="../imagenes/camiseta3.jpg" alt="Camiseta Portero" title="Camiseta Portero 08/09"/></p>
<p> El 29 de Noviembre de 1899 doce aficionados al deporte liderados por Hans Gamper fundaron el Futbol Club Barcelona. Desde su fundacion, el Barcelona a sido el club polideportivo mas importante del mundo destacando por la gran cantidad de titulos obetenidos tanto en futbol, como en baloncesto, balonmano, hockey patines y futbol sala. Estas 5 disciplinas, son solo las profesionales, por que dentro del mundo cule tambien tienen sitio el hockey hierba, el atletismo o el rugby entre otros, eso si, a nivel amateur. Otro distintivo barcelonista es la masa social que arrastra. En 2006 supero los 150.000 socios convirtiendole en el segundo club con mas socios del mundo solo por detras del Benfica. En el himno, se da buena muestra de este caracter abierto e integrador del club que no diferencia la procedencia del seguidor con una estrofa que dice: '<em>tanto da de dónde venimos, si del sur o del norte, una bandera nos hermana</em>'.</p>
<p>A lo largo del tiempo muchos son los jugadores y entrenadores que han vestido de blaugrana destacando entre otros Maradona, Cruyff, Krankl, Simonsen, Laudrup, Ronaldinho, Ronaldo, Romario o en la actualidad Lio Messi o Samuel Eto'o. El propio Cruyff, Van Gaal, Rijkaard, Venables, Rinus Michels o Helenio Herrera fueron algunos de los entrenadores que dirigieron a estos cracks. Todos ellos han traido al club muchos titulos entre los que destacan 18 Ligas, 24 Copas del Rey y 2 Champions. En la actualidad en equipo presidido por Joan Laporta y entrenado por Pep Guardiola matienen el nivel de semejante historia</p>
<p><img class="floatright" width="100" height="70" src="../imagenes/mesque.jpg" alt="Panoramica Camp Nou" title="Panoramica Camp Nou" border="1"/></p>
<p>El cesped que ha visto jugar a estos monstruos del futbol es el del Camp Nou, estadio inaugurado en 1957. Antes, de 1909 a 1922 el Barça jugo en un campo de la calle Industria de Barcelona llamado vulgarmente 'La Escopidora'. Al dejar este lugar, se dio paso al campo de Les Corts en el cabian casi 30000 personas y que izo de puente al actual Camp Nou.</p>
<p>Despues de casi 110 años de vida, el Futbol Club Barcelona es uno de los clubs deportivos mas importantes del mundo y esta presente en todos los medios. El ultimo, el terreno de la beneficiencia, prestando su camiseta hasta hace poco limpia de publicidad a la organizacion UNICEF.</p>
<p id="fuente">Fuente:<a href="http://es.wikipedia.org/wiki/Bar%C3%A7a" target="_blank"> Wikipedia[+]</a></p>
</div>
<div id="datos">
<ul id="menulistax">
<li><a>: Datos FCB :</a></li>
</ul>
<div id="club">
<p id="clubp">Club</p>
<ul id="clublista">
<li><a><strong>Fundacion:</strong> 1899</a></li>
<li><a><strong>Presidente:</strong> Joan Laporta</a></li>
<li><a><strong>Sede Social:</strong> Avda. Arístides Mailoll s/n 08028 (Barcelona)</a></li>
<li><a href="http://www.fcbarcelona.cat" target="_blank"><strong>Web Oficial:</strong> www.fcbarcelona.cat</a></li>
</ul>
</div>
<div id="campnou">
<p id="clubp">Camp Nou</p>
<ul id="clublista">
<li><a><strong>Fundacion:</strong> 24 septiembre 1957</a></li>
<li><a><strong>Capacidad:</strong> 98.787 personas</a></li>
<li><a><strong>Medidas:</strong> 105 (largo) x 68 (ancho)</a></li>
<li><a><strong>Direccion:</strong> Avda. Arístides Mailoll s/n 08028 (Barcelona)</a></li>
</ul>
</div>
<div id="palmares">
<p id="clubp">Palmares</p>
<ul id="clublista">
<li><a><strong>Ligas:</strong> 18</a></li>
<li><a><strong>Champions League:</strong> 2</a></li>
<li><a><strong>Copas del Rey :</strong> 24</a></li>
<li><a><strong>Otros titulos Nacionales:</strong> 7</a></li>
<li><a><strong>Otros titulos Europeos:</strong> 6</a></li>
</ul>
</div>
</div>
<div id="plantilla"><a href="plantilla.html"><img src="../imagenes/plantilla.jpg" width="250" height="70" alt="Plantilla 08/09" title="Plantilla 08/09" border="0"/></a></div>
<div id="contacto2"><p id="contacto3"><strong>fcbroom |</strong><a id="mail" href="webinfo.html"> Web Info [+]</a></p>
</div>
<div id="menu3">
<ul id="menulista3">
<li><a href="../index.html">Inicio</a></li>
<li><a href="actualidad.html">Actualidad</a></li>
<li><a href="club.html">Club</a></li>
<li><a href="http://fcbroom.blogspot.com" target="_blank">Blog</a></li>
<li><a href="mailto:[email protected]" title="[email protected]">Contacto</a></li>
</ul>
</div>
</div>
</body>
</html>


CSS:

club.css

@charset "utf-8";
/* CSS Document */

#contenedor {

height: 855px;
width: 800px;
margin: 0 auto;
background-color:#000000;
margin-top: -5px;
border:1px solid #FFFFFF;
}

#menu {

position:relative;
height:25px;
width:550px;
float:left;
background-color:#333333;

}

#principal {

width:549px;
height:550px;
position:relative;
float:left;
margin:21px 0 0 0;
background: transparent url(../imagenes/principal3.jpg) no-repeat;

}

.floatleft {float:left; margin:5px 10px 5px 5px;}
.floatright{float:right; margin:10px;}
p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:65%;
font-weight: normal;
text-align: justify;
padding:5px;
margin-top: 5px;

}

p#clubp {

font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF3300;
font-size:70%;
font-weight: normal;
text-align: justify;
font-weight:bold;
margin-left:5px;
}

#datos {

width:250px;
height:596px;
float: right;
position:relative;
background-color:#333333;
top:-25px;

}

#club {

width:225px;
height:150px;
float:left;
position:relative;
margin:5px 5px 0 10px;
background-color:#000000;
border:1px solid #FFFFFF;
}

#campnou {

width:225px;
height:150px;
float:left;
position:relative;
margin:15px 5px 0 10px;
background-color:#000000;
border:1px solid #FFFFFF;

}

#palmares {

width:225px;
height:155px;
float:left;
position:relative;
margin:15px 5px 0 10px;
background-color:#000000;
border:1px solid #FFFFFF;


}

#clublista {

list-style:none;
padding:0px;
position:relative;
float:left;
margin:0;

}

#clublista li { margin:0;}
#clublista li a {

display:block;
width:210px;
padding:4px 0;
text-decoration:none;
font-size:11px;
color:#FFFFFF;
background-color:#000000;
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

p#fuente {text-indent:10px;}
#contacto2 {

width:249px;
height:50px;
position:relative;
float:left;
top:66px;
background: transparent url(../imagenes/caja_contacto3.jpg) no-repeat;

}

#menu3 {

position:relative;
height:25px;
width:551px;
float:right;
background-color:#333333;
top:20px;

}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:65%;
font-weight: normal;
text-align: justify;
padding:5px 10px 0px 10px;

}

#plantilla {

width:250px;
height:70px;
position:relative;
border-top:1px solid #000000;
float:right;
right:-250px;

}

#menulistax {

list-style:none;
padding:0px;
margin-top:40px;
position:relative;
float:left;
margin-left:0px;

}

#menulistax li { margin-top:-15px; padding-bottom:15px;}
#menulistax li a {

display:block;
width:235px;
padding:4px 0;
text-decoration:none;
font-size:11px;
font-weight:bold;
color:#FF3300;
background-color:#000000;
padding-left:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;

}


El div que me sale desplazado es #menu3. Si lo quieres ver en directo: http://www.fcbroom.com/html/club.html (en opera sale descolocado ese div)

Espero puedas ayudarme :)
  #4 (permalink)  
Antiguo 06/02/2009, 22:06
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: css y opera

Reemplaza esto:

#menu3 {

position:relative;
height:25px;
width:551px;
float:right;
background-color:#333333;
top:20px;

}

Por esto:

#menu3 {

position:relative;
height:25px;
width:551px;
float:right;
background-color:#333333;
top:20px;
margin-top: 15px
}
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #5 (permalink)  
Antiguo 13/02/2009, 11:03
 
Fecha de Ingreso: febrero-2007
Mensajes: 93
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: css y opera

Pues no se me soluciona poniendo el margin-top. Se descoloca en todos los navegadores si lo añado. Intento jugar con las medidas del top y del margin-top para ver si coincide pero solo consigo descolocarlo todo.

Argh! Es ya el ultimo pasito para "terminarla" del todo. Espero me puedas ayudar :)
  #6 (permalink)  
Antiguo 13/02/2009, 12:02
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: css y opera

Me encantaria ayudarte! pero no encuentro el problema, no entiendo porque en opera se ve de esa forma! (ya resignandome) se ve bien asi en Opera. No es mucha la diferencia y realmente, no es que se vea mal esa barra ahi.

Dejame ver que puedo arreglar, si encuentro alguna solucion la subo y te cuento!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #7 (permalink)  
Antiguo 13/02/2009, 12:14
 
Fecha de Ingreso: febrero-2007
Mensajes: 93
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: css y opera

Ok. Gracias por tu tiempo y por la molestia. Si no arrelgamos nada, lo dejo como esta y listo.
  #8 (permalink)  
Antiguo 13/02/2009, 12:17
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: css y opera

No hay problema, para esto estamos aqui! para ayudar... lamentablemente hoy no pudimos hacer mucho con tu caso, pero si tienes algun otro problema, no dudes en preguntar y aqui nos encargamos de ayudarte eh!

Por cierto! muy buena pagina! algo oscura... pero va 100% con el tema! Excelente!!

Hasta Luego!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #9 (permalink)  
Antiguo 13/02/2009, 19:04
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: css y opera

Modifica estos dos selectores exactamente así (mejor copia y reemplaza los que tienes):
Cita:
#contacto2 {
width:249px;
height:50px;
position:relative;
float:left;
top:40px;
background: transparent url(../imagenes/caja_contacto3.jpg) no-repeat;
}
#plantilla {
width:250px;
height:70px;
position:relative;
border-top:1px solid #000000;
float:right;
margin-top:-25px;
clear: right;
}
__________________
Visita mi nueva web idplus.org
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 16:59.