Size and Color Display Issues

[need_help]

Hi Everyone

I hope someone can help me with this issue.

Using the latest versions of Internet Explorer and Firefox.

The size display is showing up on a different part of the page in Internet Explorer and i wish it to show up below the image the way it does in Firefox.

Also the color options look terrible in both browsers because the color bar is not even with the colors. Its fine when there are two colors available and works but when there is one it just looks bad.

I am using the mostlygrey theme and i have tested with other themes and the display does look better but i wish to keep using this particular themeset.

Here is a link to my site as an example.

d a r k r e a l m f o x . com/catalog/index.php?main_page=product_info&cPath=1_6&products_id=7139

It's a major headache for me and i have tried searching these forums for an answer but cannot find one directly related to my issues. I need to stress i am not a programmer so need step by step help on this matter so i know exactly what file needs editing to fix this issue.

I notice a few other posts around here saying things look wrong in Internet Explorer so i imagine not every theme is tested using both browsers or something goes wrong when the latest browser edition is released.

Is there a fix for this please ?

[need_help]

I have discovered that clicking compatibility view fixes the issue so i can only imagine this is an Internet Explorer 8 issue with the site.

I doubt most people will click compatibility though.

[dbltoe]

Sometimes fixing small problems can make the page "fall in line."

http://validator.w3.org/check

[need_help]

Sometimes fixing small problems can make the page "fall in line."

http://validator.w3.org/check

I think you will find 99% of the sites on the web have a lot more errors than my site and those errors are very minor issues only and do not affect the layout design of the site and have absolutely nothing to do with the problem i am having.

Go check some major sites out and you will find most have hundreds of errors on them.

I will fix the ones on my site though.

[tony_sar]

locate following code in your css

h2, h3, h4, h5, h6 {stylesheet.css (line 34)
color:#999999;
}

add following code after color

margin:0.1em;

h2, h3, h4, h5, h6 {
color:#999999;
margin:0.1em;
}

this should fix the alignment , however , do test by looking at your page , if there are some issue after adding margin , that you can break that code block into two , and only applying margin to H4 tag ..

[dbltoe]

Perhaps I should have taken the time to be a little more wordy. I was not denigrating your site or your abilities. Many mods have code that is not quite the best way to do things.
When I used firebug to edit the errors on your site, I did see some differences in the areas you mentioned. Unfortunately, there's no firebug for IE so I could not verify that the corrections would work in IE.
These "minor problems" are the first thing I look for when the site looks a little off. Regardless of whether I was helping you or the other 99%, I would have fixed all those errors first.
Good luck with your problem and be sure to post the solution so that others may gain from the info.

[need_help]

locate following code in your css

h2, h3, h4, h5, h6 {stylesheet.css (line 34)
color:#999999;
}

add following code after color

margin:0.1em;

h2, h3, h4, h5, h6 {
color:#999999;
margin:0.1em;
}

this should fix the alignment , however , do test by looking at your page , if there are some issue after adding margin , that you can break that code block into two , and only applying margin to H4 tag ..

Thank you. That worked and it now looks much better. The Color tab is now looking much better and not spaced apart anymore.

The sizes are still showing up in the wrong place but only in Internet Explorer 8 Beta and i'm not too worried about that as the placement isn't that destructive to the site and still works very well and gives it a slightly different look to Firefox which i don't mind. My main concern actually was just the color tab which you fixed for me.

[need_help]

Perhaps I should have taken the time to be a little more wordy. I was not denigrating your site or your abilities. Many mods have code that is not quite the best way to do things.
When I used firebug to edit the errors on your site, I did see some differences in the areas you mentioned. Unfortunately, there's no firebug for IE so I could not verify that the corrections would work in IE.
These "minor problems" are the first thing I look for when the site looks a little off. Regardless of whether I was helping you or the other 99%, I would have fixed all those errors first.
Good luck with your problem and be sure to post the solution so that others may gain from the info.

It's ok i wasn't being offended i was replying quickly as i had to go out. I fixed the validation errors for the front page though.

Your help was still appreciated.

[tony_sar]

you can set margin to 0 , this should align the color and size more with the option button .

[need_help]

I changed my theme to a new one and once again i am having a bit of difficulty with the size and color attributes not lining up.

I looked in the css file and don't know which one to add the margin 0.1em line to.

I am also having a small problem locating the file to edit for Important Links on the top right of my page so i can change the name to something else. I did look in the english.php file in languages but i cannot locate the file to change the name.

Also the zen lightbox x is not visible when you click a large image in Firefox and i am wondering how to change that so people can x the image after viewing it.

Can anyone help with these three minor issues ?