Need help, wordpress template - browser issue pretty PLEASE

[mhardgrove]

I tweaked the template a little for a wordpress blog based off of Red Secret 1.0. I stupidly was checking it on firefox as I did so, I didn't think I changed too much that would be harmful but apparently this is what the site looks like on firefox and this is what it looks like on internet explorer.

This site is at 360defenseforce.com, now my computer is running an old version of internet explorer because I don't use it too often so perhaps that is the problem, but I doubt it. Does anyone have any idea how I could fix this too look as good as it does on firefox? Thankyou so much! greatly appreciated!!!

If you need anymore info please let me know, I would REALLY appreciate this sonydefenseforce.com is taken off as a comedic site and I am hoping to bank and grab a lot of its audience and also put playstation 3 in its place.

 

[Keral_Patel]

There is a problem in sidebar template.

View source of the page in firefox or IE and then checkout the CSS tag that is defining the position and other properties for that particular thing which does looks out of place.

Mostly you will locate the problem.

 

[mhardgrove]

I'be taken a look... I didn't touch anything that would change the placement. I am now trying to use wordpress and test the original site in IE to see if it always had this problem or at least get the original file but wordpress is not working right now with its themes it seems.

Not that familiar with all this, that is why I worked off a template. Here is the style.css:

body {
background:url(images/body_bg.jpg) left top repeat-x #8fc33a;
color:#E3202E;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.body {
background:url(images/body_bg.jpg) left top repeat-x #8fc33a;
color:#44464A;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
a {
color:#8fc33a;
text-decoration:underline;
}
a:hover {
color:#8fc33a;
text-decoration:none
}
.postmetadataalt {
font-size:0.81em;
}
.pagetitle {
padding:10px 10px 10px 18px;
margin:0px 0px 0px 0px;
}
p {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
html {
font-size:11px;
font-family:tahoma, arial;
}
.normal {
font-size:1.01em;
}
.bigger {
font-size:1.11em;
}
.smaller {
font-size:0.91em;
}
h1 {
font-family:arial, times new roman, arial narrow, tahoma;
color:#F2AB01;
font-size:3.50em;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
h2 {
color:#88A119;
font-size:1.01em;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-transform:uppercase;
}
h3 {
font-size:1.01em;
color:#F7F7F7;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
h4 {
font-size:1.01em;
color:#8fc33a;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.table_top {
width:757px;
height:181px;
display:table;
}
.table_top_row {
width:757px;
height:181px;
display:table-row;
}
.left_top {
vertical-align:top;
height:181px;
display:table-cell;
width:531px;
text-align:left;
background:url(images/header.jpg) left top no-repeat;
}
.co_name {
vertical-align:top;
padding:68px 0px 0px 27px;
line-height:2.11em;
}
.co_name a {
color:#8fc33a;
text-decoration:none;
}
.co_name a:hover {
color:#8fc33a;
text-decoration:none;
}
.slogan {
vertical-align:top;
horizontal-align:middle;
padding:5px 0px 0px 3px;
font-size:1.0em;
color:#9a9b9f;
}
.cent_top {
vertical-align:top;
height:181px;
display:table-cell;
width:2px;
text-align:left;
}
.right_top {
vertical-align:top;
height:181px;
display:table-cell;
width:224px;
text-align:left;
background:url(images/girl.jpg) left top no-repeat;
}

.table_main {
width:757px;
min-height:auto;
display:table;
}
.table_main_row {
width:757px;
min-height:100%;
display:table-row;
background:url(images/bbg.gif) left top repeat-y;
}
.left {
vertical-align:top;
min-height:100%;
display:table-cell;
width:349px;
text-align:left;
background:url(images/content_bg.jpg) left top no-repeat;
}
.sub_main {
margin:0px 6px 0px 6px;
width:337px;
vertical-align:top;
}
.table_head {
width:337px;
min-height:auto;
display:table;
}
.table_head_row {
width:337px;
min-height:100%;
display:table-row;
background:url(images/head_bg.jpg) left top repeat-y;
}
.head {
vertical-align:top;
min-height:100%;
display:table-cell;
width:227px;
text-align:left;
}
.head_txt {
padding:14px 0px 14px 15px;
line-height:1.11em;
color:#676557;
vertical-align:top;
}
.head_txt a {
color:#88A119;
text-decoration:none;
}
.head_txt a:hover {
color:#88A119;
text-decoration:underline;
}
.date {
vertical-align:top;
min-height:100%;
display:table-cell;
width:110px;
text-align:left;
}
.date_txt {
padding:19px 0px 0px 18px;
color:#98999d;
font-weight:bold;
vertical-align:top;
}
.content_txt {
padding:18px 15px 20px 15px;
line-height:1.31em;
}
.content_txt a {
color:#44464A;
text-decoration:underline;
}
.content_txt a:hover {
color:#44464A;
text-decoration:none;
}
.content_txt strong {
color:#44464A;
}
.comment {
padding:18px 0px 0px 150px;
color:#9AB522;
}
.comment a {
color:#9AB522;
text-decoration:underline;
font-weight:bold;
}
.comment a:hover {
font-weight:bold;
color:#9AB522;
text-decoration:none;
}
.cent_1 {
vertical-align:top;
min-height:100%;
display:table-cell;
width:3px;
text-align:left;
}
.cent {
vertical-align:top;
min-height:100%;
display:table-cell;
width:179px;
text-align:left;
}
.head_bg1 {
vertical-align:top;
width:179px;
height:40px;
text-align:left;
background:url(images/head_bg1.jpg) left top no-repeat;
}
.head_bg2 {
vertical-align:top;
width:179px;
height:43px;
text-align:left;
background:url(images/head_bg1.jpg) left top no-repeat;
}
.head_bg3 {
vertical-align:top;
width:179px;
height:43px;
text-align:left;
background:url(images/head_bg1.jpg) left top no-repeat;
}
.head_bg4 {
vertical-align:top;
width:179px;
height:44px;
text-align:left;
background:url(images/head_bg1.jpg) left top no-repeat;
}
.cats_bbg1 {
vertical-align:top;
width:179px;
text-align:left;
background:url(images/cats_bbg1.jpg) left top repeat-y;
}
.cats_bg1 {
vertical-align:top;
width:179px;
text-align:left;
background:url(images/cats_bg1.jpg) left top no-repeat;
}
.cats_bg2 {
vertical-align:top;
width:179px;
text-align:left;
background:url(images/cats_bg2.jpg) left bottom no-repeat;
}
.cats_bbg2 {
vertical-align:top;
width:179px;
text-align:left;
background:url(images/cats_bbg2.jpg) left top repeat-y;
}
.cats_bg3 {
vertical-align:top;
width:179px;
text-align:left;
background:url(images/cats_bg3.jpg) left top no-repeat;
}
.cats_bg4 {
vertical-align:top;
width:179px;
text-align:left;
background:url(images/cats_bg4.jpg) left bottom no-repeat;
}
.cats_bbg3 {
vertical-align:top;
width:179px;
text-align:left;
background:url(images/cats_bbg3.jpg) left top repeat-y;
}
.cats_bg5 {
vertical-align:top;
width:179px;
text-align:left;
background:url(images/cats_bg5.jpg) left top no-repeat;
}
.cats_bg6 {
vertical-align:top;
width:179px;
text-align:left;
background:url(images/cats_bg6.jpg) left bottom no-repeat;
}
.cats_bg7 {
vertical-align:top;
width:179px;
text-align:left;
background:url(images/cats_bg7.jpg) left top no-repeat;
}
.left_head {
vertical-align:top;
padding:13px 10px 10px 20px;
}
.sub_left {
vertical-align:top;
padding:15px 5px 15px 10px;
color:#5B5B5B;
}
.sub_left ul {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.sub_left li {
list-style:none;
padding:0px 0px 0px 31px;
margin:0px 0px 0px 0px;
background:url(images/li_bg2.jpg) left bottom no-repeat;
vertical-align:top;
line-height:1.61em;
color:#5B5B5B;
}
.sub_left ul li a {
text-decoration:none;
color:#5B5B5B;
}
.sub_left li a:hover {
color:#5B5B5B;
text-decoration:underline;
}

.cent_2 {
vertical-align:top;
min-height:100%;
display:table-cell;
width:2px;
text-align:left;
}
.right {
vertical-align:top;
min-height:100%;
display:table-cell;
width:224px;
text-align:left;
}
.search_bg {
vertical-align:top;
width:224px;
height:96px;
text-align:left;
background:url(images/search_bg.jpg) left top no-repeat;
}
.search {
vertical-align:top;
padding:24px 10px 15px 23px;
color:#8fc33a;
}
.search strong {
color:#ffffff;
}
.form {
font-size:11px;
color:#2F2D2D;
font-family:Tahoma, arial, verdana, courier;
width:142px;
height:16px;
padding:0px 0px 0px 0px;
margin:0px 9px 0px 0px;
vertical-align:top;
}
.right_head {
vertical-align:top;
padding:0px 0px 0px 26px;
}
.sub_right {
vertical-align:top;
padding:15px 0px 30px 28px;
color:#2F2D2D;
}
.sub_right ul {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.sub_right li {
list-style:none;
padding:0px 0px 0px 25px;
margin:0px 0px 0px 0px;
background:url(images/li_bg1.gif) left bottom no-repeat;
vertical-align:top;
line-height:1.81em;
color:#2F2D2D;
}
.sub_right ul li a {
text-decoration:none;
color:#2F2D2D;
}
.sub_right li a:hover {
color:#2F2D2D;
text-decoration:underline;
}
.footer {
vertical-align:top;
width:757px;
height:37px;
text-align:right;
background:url(images/footer.gif) left top no-repeat;
}
.footer_txt {
vertical-align:top;
padding:0px 0px 0px 570px;
color:#323846;
line-height:1.21em;
}
.footer_txt a {
color:#323846;
text-decoration:none;
}
.footer_txt a:hover {
color:#323846;
text-decoration:underline;
}

and then there is style_ie.css that has barely anything:

.left_top {float:left;}
.cent_top {float:left;}
.right_top {float:left;}

.left {float:left;}
.cent_1 {float:left;}
.cent {float:left;}
.cent_2 {float:left;}
.right {float:left;}

.head {float:left;}
.date {float:left;}

any ideas? Because everything is saying to go all the way to the left and yet that sidebar is not sitting flush to the left like it should. Plus I dont understand why the search has moved all the way to under everything. Grrr very frustrating.

 

[Keral_Patel]

I think then you should also check for a missing tag or a misplaced tag.

HTML Kit does has this type of built in system to check for broken tags.

 

[mhardgrove]

wow, I am a jerk. Sorry to waste your time, I played with some stuff making margins smaller by 20 percent helped, then I realized the images I was using were too big and pushing everything else out. Thank you though for your suggestions!