2 replies [Last post]
searledan
Offline
newbie
Last seen: 9 years 20 weeks ago
Timezone: GMT+10
Joined: 2010-05-24
Posts: 1
Points: 2

Hi All Smile

I'm new to this forum so bare with me.

I am having issues with the display of my clients website, www.perfectimagery.co.nz , whereby the menu will not center in IE and the spacing between the menu - header - content - footer is different when displayed in firefox and IE6&7.

I have tried editing the Style.css and the theme I'm using does allow for differnt style.css for IE6, IE7 and other browsers.

Below is my style.css code for the main style.css file.

Can anyone offer any insight in regards to what the equivalent css file would be so that it displays correctly in IE6&7.

Thanks in advance and please feel free to point out any errors.

Dan Smile

----------------------------------------------------------------------------------------------

/*
Theme Name: Photocrati SuperTheme
Theme URI: http://www.photocrati.com/
Description: Photocrati: A simple and vibrant way to display your photos to the world.
Author: Photocrati
Author URI: http://www.photocrati.com/
Version: 2.0
.
Your theme will be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset default browser styles */
@import url('styles/resets/reset.css');

/* Rebuild default browser styles */
@import url('styles/resets/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/resets/wp.css');

/* General Styles
-------------------------------------------------------------- */

/* The following section sets the basic body, H1-H5 and link styles */

body {
background : #000000;
padding-top : 0;
margin-top : 0;
}

h1 { /* The H1 tag is used for page titles */
font-size : 22px;
font-weight : bold;
color : #FFFFFF;
padding-bottom : 15px;
margin-bottom : 10px;
border-bottom : 1px solid #E1E1E1;
}

h1 a:link, .h1 a:visited {
color : #FFFFFF;
}

h2 { /* The H2 tag is used for post titles */
font-size : 20px;
font-weight : bold;
color : #FFFFFF;
}

h2 a:link, .h2 a:visited {
color : #FFFFFF;
}

h3 {
font-size : 18px;
font-weight : bold;
color : #FFFFFF;
}

h3 a:link, .h1 a:visited {
color : #FFFFFF;
}

h4 {
font-size : 16px;
font-weight : bold;
color : #FFFFFF;
}

h4 a:link, .h4 a:visited {
color : #FFFFFF;
}

h5 {
font-size : 14px;
font-weight : bold;
color : #FFFFFF;
}

h5 a:link, .h5 a:visited {
color : #FFFFFF;
}

a:link,a:visited { /* This styles the majority of the on page links. The sidebar links can be styled seperately */
color : #eb941a;
text-decoration : none;
}

a:hover,a:active {
color : #ff6600;
text-decoration : none;
}

/* NextGen Gallery Styles
-------------------------------------------------------------- */

div.slideshow { /* This sets a border around the main page slideshow */
border : 5px solid #E1E1E1;
width : 1000px;
margin : 0 auto;
}

/* The following align single NextGen images */

img.ngg-left {
float : left;
margin-right : 10px;
}

img.ngg-right {
float : right;
margin-left : 10px;
}

img.ngg-center {
display : block;
margin : 5px auto;
}

div.ngg-clear { /* This makes sure text does not wrap around galleries */
width : 100%;
clear : both;
}

/* General Page Styles
-------------------------------------------------------------- */

#wrapper { /* This sets the width of the entire site */
position : relative;
width : 900px;
margin : 0 auto;
}

#container { /* This sets the width of the main content area */
float : left;
margin : 0;
width : 900px;
padding : 10px;
background : transparent;
border : 0px solid #FFFFFF;
}

/* Menu Styles
-------------------------------------------------------------- */

#menu_wrapper { /* This is the main menu container */
width : 100%;
margin : 0 0 1.5em 0;
position : absolute;
top : 0;
left : 0;
text-align : center;
overflow : visible;
padding-top : 22px;
z-index : 2;
}

.menu ul, .menu ul * { /* This sets the width of the menu */
list-style : none;
margin : 0;
padding : 0;
}

.menu ul { /* This sets the line height of the menu */
line-height : 1.0;
}

.menu a { /* This controls the font size and position of the main menu links */
position : relative;
display : inline;
float : left;
font-size : 12px;
}

.menu a:link,.menu a:visited { /* This sets the color and style of the main menu links */
display : inline;
float : center;
text-decoration : none;
color : #FFFFFF;
font-family : sans-serif;
font-weight : bold;
text-transform : uppercase;
padding : 22px 17px 12px 17px;
background : #000000;
}

.menu a:hover,.menu a:active,
.menu .current_page_item a:link,
.menu .current_page_item a:visited { /* This sets the color and style of the hover and active states of the main menu links */
color : #704100;
background : #eb941a;
}

.menu .current_page_item ul a:link,
.menu .current_page_item ul a:visited { /* This sets the color and style of the current page item on the main menu links */
color : #704100;
background : #eb941a;
}

.menu .current_page_item ul li a:hover,
.menu .current_page_item ul li a:active { /* This sets the color and style of the hover and active states of the current page item on the main menu links */
color : #704100;
background : #eb941a;
}

.menu ul li { /* This sets the position of the main menu items */
position : relative;
display : inline;
margin : 0 0 0 0;
}

.menu ul li:hover {
visibility : inherit; /* fixes IE7 'sticky bug' */
}

.menu ul li ul { /* This sets the position of the dropdown menu */
display : none;
position : absolute;
top : -999em;
margin : 0 0 0 0;
width : 10em; /* left offset of submenus need to match (see below) */
border-top : 2px solid #704100;
}

.menu ul li:hover ul,
.menu ul li ul { /* This sets the position and z-index of the dropdown menu */
left : 0;
top : 2.2em; /* match top ul list item height */
z-index : 99;
}

.menu ul li ul li { /* This sets the size and transparency of the dropdown items */
display : block;
width : 100%;
filter : alpha(opacity=90);
opacity : 0.90;
-moz-opacity : 0.90;
margin : 0;
}

.menu ul li ul li a:link,
.menu ul li ul li a:visited,
.menu ul li.current_page_item ul li a:link,
.menu ul li.current_page_item ul li a:visited { /* This sets the color and style of the drop down menu links */
display : block;
padding : 5px;
text-align : left;
color : #FFFFFF;
background : #474747;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
}

.menu ul li ul li a:hover,
.menu ul li ul li a:active,
.menu ul li.current_page_item ul li a:hover,
.menu ul li.current_page_item ul li a:active,
.menu ul li ul li.current_page_item a:link,
.menu ul li ul li.current_page_item a:visited { /* This sets the color and style of the hover, active & current states of the drop down menu links */
color : #704100;
background : #eb941a;
}

/* The remaining items below are essential positioning styles for the menus */

.menu ul li:hover li ul,
.menu ul li li ul {
top : -999em;
}

.menu ul li li:hover ul,
.menu ul li li ul {
left : 10em; /* match ul width */
top : 0;
}

.menu ul li li:hover li ul,
.menu ul li li li ul {
top : -999em;
}

.menu ul li li li:hover ul,
.menu ul li li li ul {
left : 10em; /* match ul width */
top : 0;
}

/* Header Styles
-------------------------------------------------------------- */

#header { /* This sets the color of the header */
position : relative;
margin : 0;
width : 100%;
z-index : 1;
}

#masthead { /* This sets total width and position of the header */
width : 1200px;
margin : 0 auto;
}

#branding { /* This sets the size and position of the logo area on the header */
display : block;
width : 100%;
text-align : center;
margin : 0 0 24px 0;
padding : 60px 0 20px 0;
}

#branding a { /* This sets the color and style of the wordpress title */
text-decoration : none;
}

#branding h1 { /* This sets the color of the wordpress title */
font-size : 24px;
font-family : Arial, Helvetica, sans-serif;
color : #FFFFFF;
border : 0;
margin-bottom : 5px;
padding : 0;
}

#branding .description { /* This sets the font size and color for the description line if you are using the Wordpress title and description */
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
color : #FFFFFF;
}

/* Content Styles
-------------------------------------------------------------- */

#content { /* This sets the width of the page content area */
margin : 0;
width : 100%;
}

#content-sm { /* This sets the width of the blog content area */
width : 100%;
float : left;
padding-right : 2%; /* IMPORTANT! Sets a small margin between the blog content and the sidebar */
}

#content, #content-sm { /* This sets the font size and style on the blog and pages */
color : #FFFFFF;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
}

.post { /* This sets a small margin at the bottom of posts */
margin : 0 0 3em 0;
}

.entry-content, .entry-summary { /* This sets a small margin at the top of the post content to make space between the title/meta area */
margin : 1.5em 0 0 0;
}

blockquote { /* This styles blockquotes in blog posts */
border-left : 2px solid #E1E1E1;
margin-left : 25px;
padding-left : 15px;
}

/* Post Styles
-------------------------------------------------------------- */

.navigation { /* This sets a small margin below the post navigation on a single post */
margin : 0 0 1.5em 0;
overflow : auto;
}

.size-full,
.entry-content img { /* This sets a border around images in posts */
border : 5px solid #e8e7e7;
}

.entry-meta,
.entry-utility { /* This sets the font size and style on post meta. This is the date, post by and comment links below the post title. */
color : #FFFFFF;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
font-style : italic;
clear : both;
}

/* Post Comment Styles
-------------------------------------------------------------- */

.comments ol { /* This removes the numbers from the comment list */
list-style : none;
margin-top : 10px;
}

.comments li { /* This clears each comment block to a new line and adds a margin */
width : 100%;
clear : both;
min-height : 100px;
}

.comments .comment-wrapper { /* This sets the style for the comment wrapper */
display : block;
}

.comments .comment-author { /* This sets the style for the comment author icon */
float : left;
width : 15%;
margin-right : 2%;
}

.comments .content-wrapper { /* This sets the style for the comment meta and content */
float : left;
width : 83%;
}

.comments .comment-content { /* This sets a small margin between the meta and comment content */
margin-top : 5px;
}

span.unapproved {
font-style : italic;
}

img.wp-smiley{ /* This sets no border around smileys */
border : none;
}

/* Sidebar Styles
-------------------------------------------------------------- */

#sidebar { /* This sets the size of the sidebar as well as the font size and style */
float : right;
width : 30%;
background : transparent;
text-align : center;
color : #ababab;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
}

#sidebar a { /* This sets the color of the sidebar links */
color : #eb941a;
}

#sidebar a:hover,
#sidebar a:active { /* This sets the color and style of the hover and active states of the sidebar links */
color : #ff6600;
text-decoration : underline;
}

#sidebar .social-media { /* This sets the padding of the social media icons in the sidebar */
text-align : left;
padding : 10px 10px 5px 10px;
}

#sidebar .social-media img { /* This sets a small margin to the right of each of the social media icons */
border : 0;
margin-right : 5px;
}

#primary { /* This sets the position and width of the widget area */
float : right;
overflow : hidden;
width : 94%;
padding : 3%;
text-align : left;
}

.widget-title,.widgettitle { /* This sets the size and style of the sidebar titles */
font-size : 14px;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
color : #b0854a;
text-transform : uppercase;
margin-bottom : 10px;
padding-bottom : 0;
}

.widget-container { /* This sets a small margin below each widget */
margin : 0 0 1.5em 0;
}

#searchform label { /* This hides the search form label */
display : none;
}

/* The following style the lists in the widgets */

.widget-area ul {
list-style : none;
margin-left : 0;
}

.widget-area ul ul {
list-style : disc;
margin-left : 1.1em;
}

.widget-area ul ul ul {
margin-left : 2.5em;
}

/* Footer Widget Styles
-------------------------------------------------------------- */

.footer-widget-area { /* This is the footer widget wrapper */
display : inline-block;
width : 1200px;
min-height : 50px;
background : transparent;
color : #ababab;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
margin-top : 15px;
}

.footer-widget-container { /* This is the footer widget container */
display : inline-block;
height : auto;
float : left;
padding : 10px;
}

.footer-widget-container a { /* This sets the color of the footer widget links */
color : #eb941a;
}

.footer-widget-container a:hover,
.footer-widget-container a:active { /* This sets the color and style of the hover and active states of the footer widget links */
color : #ff6600;
text-decoration : underline;
}

/* Footer Style
-------------------------------------------------------------- */

#footer { /* This sets the size and font styles of the footer area */
clear : both;
width : 100%;
text-align : right;
margin-top : 30px;
padding-top : 15px;
border-top : 1px solid #e8e7e7;
color : #FFFFFF;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
}

/* Custom CSS Code
-------------------------------------------------------------- */

#footer {
border-top:0 solid #E8E7E7;
text-align:center;
}

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 2 years 13 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Due to the fact that you have

Due to the fact that you have a retarded "right click disabled" script running, i refuse to even attempt to help or point you in the right direction!
Don't want me to steal your images? Don't put them on the web.
it takes me less than a second to disable JS and save anything on your site that I want.

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 45 weeks 5 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Deuce wrote: Due to the fact

Deuce wrote:

Due to the fact that you have a retarded "right click disabled" script running, i refuse to even attempt to help or point you in the right direction!

Thanks for the warning!

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.