Drupal Themes by ThemeShark.com

took some screen shots in ie6, ie7, and firefox 3.5:

http://www.patriotguide.com/change/wachomescreenshot.jpg

note, it also looks good in ie8 after those css tweaks i added (just like firefox)

While i'm at it.. I have been meaning to make a post about this, but you see how views table lists have no cell padding in firefox, but in ie you can see the space between the cells?

I would like IE to also have no cell padding, so you do not see the space between the cells in the table, as firefox does.

you can see an example by looking at the home page or videos page:

http://www.patriotguide.com/change/
http://www.patriotguide.com/change/videos/home

final note:

when i remove the sniplets added:

#quicktabs_container_3 {
float:left !important;
}
#quicktabs_container_4 {
float:right !important;
width:185px !important;
}

Then it shapes up differently..

If I leave it alone with no css twaks the following is the result:

IE: Tab-Block - Bad, Content Block - Good
Firefox: Tab-Block - Bad, Content Block - Bad

Also note the only other change I made to the css in relation to quick tabs was:

.quicktabs-style-smooth .block-inner { i added height: auto

Because the top block was cutting off the quick tabs block content, adding that line resolved this issue.

!!!!!!!!!!!!!!!!!!
OK.. i got the home content (table blocks in content section) to load correctly in ie and ff with:

/* Home Content */
#quicktabs_container_3 {
display:-moz-stack;
}

but i'm now trying a bunch of variations on the tab-block, which looks good in firefox with css tweaks, but nothing in ie yet...

I've tried multiple variations below with no resolve:

/* Home Tab Block Events */
#quicktabs_container_4 {
display:-moz-stack;
width: 180px;
float: right;
}
quicktabs-4 {
display:-moz-stack;
float: left;
width: 180px;
}

alright, all done here.. i got it..

ended up adding this to css:

/* Home Content */
#quicktabs_container_3 {
display:-moz-stack;
}
/* Home Tab Block Events */
#quicktabs_container_4 {
float: left;
width: 180px;
}

on line 301:

/* Tab Block */

#tab-block {
font-size: 1.0em;
float: right;
margin-left: -680px;
width: 880px;
}

I changed width from 100% to 880px as well. This was necessary to prevent a blank left column.

Don't know if this is proper, but it's working visually.. sorry for the bother, I always spend a few hours playing before I post... usually =)