template no va bien en firefox

[eilrax]

en mi web http://www.peliestrenos.com/ donde esta el banner de adsense en la barra lateral todo genial, pero hay un detelle y es que desde firefox no se pueden abrir los enlaces de google, en ie no sucede lo mismo funciona sin problemas y no sé como solucionarlo a ver si me echais un cable jeje

gracias de antemano, felices fiestas!

Código:

<div id="side" class="side">
			<h3>&nbsp</h3>			
			<p>codigo adsense</p>
</div>

CSS

Código:

div#side {
	float:left;
	width:360px;
	padding: 0 0 0 10px;
	margin: 0 10px 0 0;
	margin-left:-380px;
}

[Motif357]

casi siempre suele suceder, yo pude solucionar el mio... solo tuve que hacer lo siguiente...
primero lo puse que se viera bien en IE y guarde el css y luego lo puse como predeterminado que se vea bien en Firefox y luego hice un hack html con la diferencia que habia en el codigo y lo inserte en la cabecera de mi blog y lo solucione...

el codigo que use fue el siguiente..

css para firefox
ul.galeria li {
width: 160px;
height: 22px;
padding: 1px 0;
line-height: 22px;
background-color: #333
}
y la solucion para IE es insertando el siguiente codigo en la cabecera :D ojala puedas solucionar tu problema.. si me dejas ver toda la pagina talvez te pueda ayudar....

<!--[if IE]>
<style type="text/css">
/* Arreglando bug en IE */
ul.galeria li {height: 17px}
</style>
<![endif]-->

<!--[if IE 6]>
<style type="text/css">
/* Arreglando bug en IE */
ul.galeria li {height: 15px; margin-bottom: -4px}
</style>
<![endif]-->

[Motif357]

ok, aunque lo correcto seria mostrarle a todo el foro la solucion... ahora mismo estoy en el trabajo y no tengo tiempo para hacerle un tutorial de como sulucionarlo.. pero en cuanto llegue a casa en la noche me tomo un tiempesito y les explico claramente como sulcionar el problema asi todo el que tenga el mismo problema pueda solucionarlo...

[eilrax]

a vale es que no entendi muy bien cuando dijiste que querias ver toda la página xd

aquí te dejo el css

Código:

* {
padding:0;
margin:0;
}

html { min-height: 100%; margin-bottom: 1px; }  /* FireFox Page-Shift Fix */

body {
	margin: 0;
	text-align: center;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.83em;
	color:#222222;
	background-color:#414042;
}

.clear {
	clear: both;
}

.float_left {
float:left;
}

.float_right {
float:right;
}

#wrapper {
	width:900px;
	/*max-width:1400px;*/
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #FFFFFF;
	border-right-width: 25px;
	border-left-width: 25px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #212121;
	border-left-color: #212121;
}

.content_padding {
	padding: 0.5em 25px;
}

#top_menu {
text-align:right;
}
#header_effect {
	background-image: url(images/bg_header_effect.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #333333;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #F0F0F0;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
	margin-top:0.5em;
}
#header {
	padding: 30px 10px;
}

#header p {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	margin: 0;
	line-height: 1.2;
	text-align: center;
}

#header p.description {
	font-size: 0.9em;
}

#header a, #header a:visited, #header a:active, #header a:hover {
color: #FFFFFF;
text-decoration: none;
}

.logo {
	margin: 25px 0 0 25px;
}

div#content_wrapper {float:left;width:100%}

div#content {
margin-right: 400px;
}

div#side {
float:left;
width:360px;
padding: 0 0 0 10px;
margin: 0 10px 0 0;
margin-left:-380px;
}

div#side_one {
	float:left;
	width:170px;
	padding-top: 320px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left:-190px;
}

div#side_two {
float:left;
width:170px;
	padding-top: 320px;
		padding-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
margin-left:-380px;
}

div#footer{
clear:left;
width:100%;
background-color: #414042;
}

#footer_wrapper {
	width:900px;
	max-width:1400px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border-right-width: 25px;
	border-left-width: 25px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color:#212121;
	border-left-color: #212121;
	background-image: url(images/bg_footer_stripes.gif);
	background-repeat: repeat;
	background-position: left top;
	background-color: #666666;
	padding: 0 0 1em 0;
	color: #FFFFFF;
}

#footer p {
color:#FFFFFF;
margin:0;
text-align:center;
}

#footer ul {
color:#FFFFFF;
}

#footer h4 {
	letter-spacing:0.01em;
	font-size: 1.75em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 0.5em;
	margin-top: 0.25em;
}


#footer a {
color: #B6ED34;
font-weight: bold;
}

#footer a:hover {
color:#D3E6EF;
}

.description {
	font-size: 1.2em;
	text-align: center;
	color:#CCCCCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	}

h1 {
	letter-spacing:0.01em;
	font-size: 1.75em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000000;
	margin-bottom: 0em;
	margin-top: 0.9em;
	padding-top: 0.5em;
	border-top: 1px solid #CCCCCC;
	text-transform: capitalize;
}

.footer_meta {
margin-top: 2em;
background-color: #565656;
padding: 1em;
border-top: 1px solid #565656;
border-bottom: 1px solid #565656;
opacity: 0.5;
font-size: 0.8em;
}

.footer_meta:hover {
opacity: 1;
}

h1 a, h2 a {
	color: #000000;
	text-decoration:none;
}

h2 {
margin: 0.5em 0 0em 0;
font-size:1.25em;
color: #000000;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
	font-size: 1.25em;
	font-weight: normal;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0.75em;
	margin-top: 1.3em;
	padding-top: 0.5em;
	border-top: 1px solid #CCCCCC;

}

p {
line-height:150%;
margin: 0.5em 0 1em 0;
}

p.author {
margin-top:0.5em;
line-height:100%;
color:#666666;
font-size: 0.75em;
border-bottom: 1px dotted #E0E0E0;
padding-bottom: 1.5em;
}

div.pull_quote {
	margin: 0.5em 0 0 20px;
	font-size:1.25em;
	color: #59a3c1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	float:right;
	width: 200px;
	border-top: 1px solid #d3e6ef;
	padding-top:5px;
	padding-left:5px;
	line-height: 1.5em;
	/*
	border-left: 1px dotted #CCCCCC;
	padding-left:20px;
	*/
}

div.pull_quote ul {
margin: 0.5em 0;
}

div.pull_quote li {
list-style-type:none;
}

div *.pull_quote_footer {
	font-size:0.75em;
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight:normal;
	float:right;
	width: 200px;
	margin-bottom:0;
	/*
	border-left: 1px dotted #CCCCCC;
	padding-left:20px;
	*/
}

a {
color:#000000;
text-decoration:underline;
}

a:hover {
color:#80AE14;
text-decoration:underline;
}

ul, ol {
margin-left:25px;
}

strong {

}

.top_border {
margin-top: 0.9em;
	padding-top: 0.5em;
	border-top: 1px solid #CCCCCC;
}

div.comment_wrapper {
float:left;
width:100%;
margin-left:-150px;
}
div.comment_content {
margin-left:150px;
}
div.comment_details {
float:right;
width:145px;
text-align:right;
}

.comment_bottom {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.side ul {
list-style-type:none;
margin-left: 0;
}

.side ul li {
list-style-type:none;
line-height:1.25em;
margin-top:0.5em;
}

.side ul.children {
margin-left: 10px;
font-size: 0.9em;
}

a img{ border:none; }

img {
border: 1px solid silver;
padding: 3px;
margin-right: 3px;
margin-bottom: 3px;
margin-top: 3px;
}

.vertical_align {
display:inline;
vertical-align:middle;
border:0;
}

hr {
color:#CCCCCC;
background-color:#CCCCCC;
height:1px;
border: 0px none;
margin: 1.3em 0 1em 0 !important;
margin: 0;
}

#archivelist ul {
margin: 1em 25px;
list-style-type: none;
}

blockquote {
border: 0px none;
border-left: 3px solid #D3E6EF;
padding: 0.1em 0 0.1em 10px;
margin: 0.75em 0;
}


#feed_bar {
	background-image: url(images/bg_feed_bar.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-top: 0px solid #535355;
	border-bottom: 0px solid #535355;
	width:950px;
	margin-right: auto;
	margin-left: auto;
}

#feed_bar p {
	margin: 0;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	color: #FFFFFF;
	font-size: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.1;
}

#feed_bar p span.small {
	margin-top: 30px;
	font-size: 0.65em;
	color: #f3f3f3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.simplepie {
padding: 15px;
margin-top: 1em;
}

.simplepie h3 {
background-color: #046FA4;
margin-top: 0;
border: 0px none;
font-weight: normal;
padding: 0.25em 10px;
border-bottom: 2px solid #1D82B5;
}

.simplepie h3 a {
font-weight: normal;
text-decoration: none;
}

.simplepie ol {
margin-left: 0;
}

.simplepie li {
	list-style-type: none;
	margin-left: 10px;
	clear: both;
}

.simplepie li a {
text-decoration: none;
}
.simplepie .date {
font-size: 0.8em;
float: left;
color: #1D82B5;
margin-bottom: 0.5em;
}

.fresh {
	background-image: url(images/bg_new.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.recently {
	background-image: url(images/bg_header_effect.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #999999;
	color: #FFFFFF;
	padding: 0.5em 1em;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin: 1em 0;
}

[eilrax]

Código:

.banner_advertise {
	background-image: url(images/bg_header_effect.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #666666;
	color: #FFFFFF;
	padding: 0.3em 1em;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003366;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;

	margin: 0;

	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
}

.banner_advertise a {
	color: #FFFFFF;
}

.authorcomment {
	background-image: url(images/bg_author.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 10px;
}

.center {
text-align: center;
}

.third_col {
width: 210px;
float:left;
margin: 0 10px;
}

.ads {
font-size: 0.8em;
}

.footer_links {
	text-align: center;
}

ul.blogroll li {
	display: inline;
	list-style-type: none;
	margin: 0 10px;
	line-height: 2;
}

#comment_form {
	margin-top:1em;
	background-image: url(images/bg_form.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding:10px;
	border-top: 3px solid #c6c8ca;
}

#comment_form label {
font-weight:bold;
}

#comment_form input, #comment_form textarea {
margin-top:0.25em !important;
margin-top:0.1em;
margin-bottom:0.5em !important;
margin-bottom:0.2em;
}

.button {
}

/* MAIN MENU */

div#navcontainer
{
	background-color: #ffffff;
	border-top: solid 1px #92b43f;
	border-bottom: solid 3px #F8F8F8;
	background-image: url(images/bg_menu.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

div#navcontainer ul
{
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}

div#navcontainer ul li
{
display: inline;
margin-left: -5px;
}

div#navcontainer ul li a
{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size:1em;
padding: 5px 10px 5px 10px;
color: #f4f4f4;
background-color:#333333;
text-decoration: none;
border-right: 1px solid #f4f4f4;
border-left: 1px solid #f4f4f4;
}

div#navcontainer ul li a:hover
{
background-color: #58cc43;
color: #f4f4f4;
}

div#navcontainer ul li a.last {
border-right: 0px none;
}

/* TOP MENU */

#top_navlist li {
display: inline;
list-style-type: none;
margin-left: 8px;
}

#top_navlist li a, #top_navlist li a:visited, #top_navlist li a:active {
color:#999999;
text-decoration:none;
}

#top_navlist li a:hover {
color:#000000;
text-decoration:underline;
}

[eilrax]

esta es la barra lateral

Código:

<div id="side" class="side">
			<h3>&nbsp</h3>
ADSENSE
</div>

<div id="side_one" class="side">

<ul><li><?php wp_list_pages('title_li=<h3>Páginas</h3>' ); ?></li></ul>

				   <ul>
<?php if (function_exists('src_simple_recent_comments')) { src_simple_recent_comments(); } ?>
				   </ul>

			


			<h3>RSS</h3>
			
			<ul>
				<li><img src="<?php bloginfo('stylesheet_directory'); ?>/images/icon_rss.gif " alt="RSS Feed for <?php bloginfo('name'); ?>" class="vertical_align" border="none" > <a href="<?php bloginfo('url'); ?>/?feed=rss2">Complete Feed</a></li>
				<li><img src="<?php bloginfo('stylesheet_directory'); ?>/images/icon_rss.gif" alt="RSS Feed for <?php bloginfo('name'); ?> comments" class="vertical_align" border="none" > <a href="<?php bloginfo('url'); ?>/?feed=comments-rss2">Comments</a></li>
			</ul>
			

			<h3>Meta</h3>
				<ul>
					<?php wp_register(); ?>
					<?php wp_meta(); ?>
				</ul>
											
		</div>
											
		

		
		<div id="side_two" class="side">
			
			<h3>Categorías</h3>
				
			<ul>
				<?php wp_list_categories('orderby=order&hierarchical=0&title_li='); ?>
			</ul>

			
			<h3>Archivos</h3>
				
			<ul>
				<?php wp_get_archives('type=monthly'); ?>
			</ul>
			


			
				
		</div>
		
		<div class="clear"></div>

[Motif357]

man no se si es tu explorador... pero entre a tu pagina y todo todo todo me anda a la perfeccion... entre con los dos navegadores y no veo ningun problema... el problema ya no es tu blog... es tu explorador... reinstalalo y prueba de nuevo....

[eilrax]

que va es el explorador uso la ultima version de firefox y de ie en ie va perfectamente en firefox y en el navegadir de google el banner de la derecha se ve sin embargo no se puede hacer clic sobre los enlaces :/ ademas que se lo he preguntado a varios colegas mios y tampoco les funciona los enlaces

[Motif357]

bueno.... yo estoy en el trabajo ahora y estoy usando firefox version 2 y el IE 6 y todo me anda bien... no se como solucionarte el problema desde aqui entonces... intentare dedicarle un tiempesito en la noche cuando llegue a casa...

[eilrax]

gracias por la ayuda estare a la espera

[eilrax]

perdonar si resulto pesado pero lograste solucionar mi problema? :$