Forums > Wordpress sidebar works in IE and not in FireFox

Full Version: Wordpress sidebar works in IE and not in FireFox

Forums > Resource Center > Support Center > Wordpress Support > Wordpress Resolved Topics

miiszxclassiic

Jul 6 2007, 11:29 AM

I've been trying to learn wordpress and get a theme together for the longest time because I'm new to it. I made a test site before I actually put the time into making a real one. The problem now is that my wordpress sidebar shows up in IE but not in Firefox.

I've spent forever trying to figure this out and this is staring to get really frustrating trying to figure out all this stuff. If anyone can help, it would be greatly appreciated

Here is my css style sheet:

CODE

/*  
Theme Name: Blah Blah
Theme URI: 
Description: Layout 
Version:
Author: Blah
Author URI: 
*/


/* Basics and Typography 


*/


BODY {
background-color: #262423;
background-image:url('');
line-height: 15px;
text-align: justify;  
font-family: tahoma;
font-size: 8pt 
color: #ff9900;
margin: 0px auto;
padding: 0px;
 }

BODY{
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #262423;
scrollbar-face-color: #262423;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;

}

.post, input, textarea, select, button {
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #ffffff;
color: #ff9900;
font-size: 8pt;
font-family: tahoma; 
line-height: 15px;

}

A:link {
color: #ff3399;
font-weight: bold;
text-decoration: none;
}

A:visited {
color: #000000;
font-weight: bold;
text-decoration: none;
}

A:active {
color: #ff3399;
font-weight: bold; 
text-decoration: none;
}

A:hover {
color: #BEBEBE; 
background-color: #; 
font-weight: bold; 
text-decoration: none; 
border-bottom: 0px dashed #000000;
}

b, strong {
color: #0000ff;
} 

i {
color: #555555;

u {
color: #99ff00;
font-family: tahoma;
}

.sidebar1 {
border-bottom: 1px solid #bebebe;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
border-top:0px solid #000000;
margin-left: 3px;
color: #ff9900;
line-height:15px; 
background-color: #999999; 
font-family: tahoma;
font-weight: bold;
font-size: 20px;
}

.sidebar2 {
border-bottom: 0px solid #bebebe;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
border-top:0px solid #000000;
margin-left: 3px;
color: #ff9900;
line-height:15px; 
background-color: #999999; 
font-family: tahoma;
font-weight: none;
font-size: 8pt;
}

.nav {
background-color : #000000; 
line-height : 0px; 
text-align : left; 
border : 0px; 
width : 100%; 
}


**************** COMMENTS **************** */

.commentlist li {
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
border-bottom: 0px solid #000000;
margin: 4px;
list-style: none;
background-color: #;

}

#commentlist {
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
border-bottom: 0px solid #000000;
background-color: #;
font-family: tahoma;
font-size: 8pt;
padding: 5px;
color: #ff3399;
}

#commentlist li {
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
border-bottom: 0px solid #000000;
background-color: #;
font-family: tahoma;
font-size: 8pt;
padding: 5px;
color: #ff3399;
}



.alt {
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
border-bottom: 0px solid #000000;
background-color: #;
font-family: tahoma;
font-size: 8pt;
padding: 5px;
color: #ff9900;
}



.commenttitle {
margin-bottom: 0;
padding: 5px;
font-size: 8pt;
}

.commentmeta {
margin-top: 0;
font-size: 0.9em;
padding: 5px;
color: #000000;
}

.commentdate {
font-family: Tahoma;
font-size: 9pt;
color: #000000;
padding: 5px;

}/* 


.small {
font-family: tahoma;
}

p {
font-size: 1em;
line-height: 13px;
margin: 1.2em 0;
}

ol, ul {
font-size: 1em;	
line-height:12px;
}

and here is my sidebar.php:

CODE

</div></div>


<!------------Sidebar Begins-------------->

<div style="position:absolute; top:315px; left:325px; width:190; height:0;">


<div class="sidebar1">TEXT</div>
<div class="sidebar2">
text, text, text, text, text,  
text, text, text, text, text, 
text, text, text, text, text, 
text, text, text, text, text, 

text, text, text, text, text,  
text, text, text, text, text, 
text, text, text, text, text, 
text, text, text, text, text, 

<?php include (TEMPLATEPATH . '/searchform.php'); ?>

</div>

<BR>

<div class="sidebar1">TEXT</div>
<div class="sidebar2">
text, text, text, text, text,  
text, text, text, text, text, 
text, text, text, text, text, 
text, text, text, text, text, 

text, text, text, text, text,  
text, text, text, text, text, 
text, text, text, text, text, 
text, text, text, text, text, 
<br><br>

</div>


</div></div>
<BR><BR><BR>

<!------------Sidebar Ends-------------->

karmakiller

Jul 6 2007, 06:28 PM

Moved to Wordpress Support.

pandora

Nov 14 2007, 07:28 AM

can you provide a link?

IVIike

Nov 14 2007, 10:09 PM

sidebar codes tend not to work in firefox

It's one of the firefox cons

pandora

Nov 15 2007, 07:50 PM

um thats ridiculous. they always work fine for me and i use firefox.

IVIike

Nov 15 2007, 10:12 PM

oh sorry my bad... they usually don't work for me

pandora

Nov 16 2007, 12:26 AM

are you coding them badly?

aesthetic

Nov 18 2007, 11:55 PM

I recommend using this tutorial to learn how to customize wordpress.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.