CSS - Site Looks Good In Firefox 4.0.1 But Bad In All Other Browsers

Topic

Site Looks Good In Firefox 4.0.1 But Bad In All Other Browsers

OK, I've been working with Firefox for a long time, and it usually serves me well for all browsers except IE.
Now my design/CSS only looks good in firefox 4.0.1 and not Safari, Opera, or Google Chrome, and I'm really upset. Why are the other browsers displaying my CSS improperly? Is there a hack for all browsers now?

OK, here's the site: http://www.caillouette.com/Diesel_site7/
Any info or insight is greatly appreciated.

Site Looks Good In Firefox 4.0.1 But Bad In All Other Browsers

OK, I've been working with Firefox for a long time, and it usually serves me well for all browsers except IE.
Now my design/CSS only looks good in firefox 4.0.1 and not Safari, Opera, or Google Chrome, and I'm really upset. Why are the other browsers displaying my CSS improperly? Is there a hack for all browsers now?

OK, here's the site: http://www.caillouette.com/Diesel_site7/
Any info or insight is greatly appreciated.

thanks
-S

Ie Css And Good Browsers Css

I need to link to differnt style sheets to a page and i need it so it will use one if the user has IE and a differnt one if the user is using anything else that works properly. Is this posable and if it is please tell me how? and if theres a way of doing it that uses php i would like to use that method.
thanks

Ie Gets It Right For Once - But Firefox No Good :(

I'm having a lot of trouble getting a couple of final things to work on this CSS template design I'm doing for one of our stores.

http://www.thescriptstation.com/catalog/index.php?tplDir=CSS-fluid-1
(the ?tplDir=CSS-fluid-1 is necessary to see the developing template instead of the live one)

It's all looking pretty much how I want it, with a couple of exceptions, and I'd love some help with what I'm doing wrong here.

Issue 1
Links in the top green bar and bottom green bar on the page - earlier I had them looking fine in FF (using margins, positions, and padding), but looked in IE and it was a big mess. So I backed up and worked on it in IE, and now its looking OK there, but in FF, I'm losing the links after the first one - it seems like they are displaying underneath one another, which is below the size of the containing style.

Issue 2
In the same areas, For the life of me I can't find a way to vertically align those links inside those areas. They just go to the top no matter what I've tried.

If anyone could look over the styles and see what I've done I'd be forever grateful:
http://www.thescriptstation.com/catalog/templates/CSS-fluid-1/stylesheet.css
http://www.thescriptstation.com/catalog/templates/CSS-fluid-1/main_layout.css

Many Thanks

Looks Good In Firefox But Is Messed Up In Ie 6&7

hey i am new in developing sites with css codes
so i started coding my home page with all the css code
that was required and when half the page was done i checked it in the browser. so it looks good in firefox but it looks messed up in IE.

Css Looks Good In Firefox/mac But Terrible In Ie Mac/win

None of the browsers are looking correctly except Firefox actually. The worst is the rendering in IE. In Mac (5.x) it's the worst but in the Windows version my global navigation bar goes off the right side (XP Pro). In Mac/Safari the drop down items don't show only the divider | does though the links are hot. I haven't even tried Opera or Netscape. Anyone have a clue at all? I should have stuck to tables! Ugh.

http://www.blaynecooper.com

Steph

Layout Looks Good In Ie But Not Mozilla,firefox

Hello all, I recently redesigned my site from table layout to css layout. when viewed in ie it looks good however when viewed in anything else the layout falls apart. the link is:
Benefit Solutions, Inc
Do i need to copy the css to the site? I'm not too sure how to go about getting the help i need. any opinions would be appreciated. thanks in advance

Divs Fine In Safari And Firefox, Ie7 Not So Good...

My first post, a request for help please! I have been designing a site and checking in Safari, just come to check in IE7 and its all over the place. I get the feeling that there is a simple bug fix I need to add, but with deadline approaching fast (tomorrow am client reviews the site) my mind is all over the place!

If anyone would be kind enough to view:
cavendish-cs.co.uk/beta/

You will see in IE7 the top image will not sit next to the navigation. Check in Safari or Firefox and you can see how it should look

Has anyone heard of Firefox 4 or Firefox 3.5 positioning a Div 3 pixels higher on a web page than all other A-Grade browsers?

If you want to see what I mean, go to baampblue . asystechonline . com / ReconstructIndex.php. Sorry I could not insert a link. I'm a new member. I password protected this to keep bots from scanning it. The username is the word demo. The password is also the word demo. Look for "Carl Gohm" on the right side of the page, under "BAAMP Honors Lifetime Members". Click on the Carl Gohm link. A new rounded corner box will open up in the "Featured Projects" display with a picture and information about Carl. If you look at the new box in IE 8, Opera 11, Chrome 11, or Safari 5.0.5 the new box fits perfectly inside of the Featured Projects display. If you look at the new box in Firefox 4 or 3.5, you should notice that the new box is shifted up 3 pixels too high.

The HTML and CSS validate with no errors on the W3C validators.

I'm using jQuery to generate the new box for Carl Gohm. I have ruled out the jQuery as the cause of the problem by creating a minimal test case that doesn't involve jQuery.

I tried using a clean version of Firefox from Spoon.net, because I thought maybe one of the Add-Ons in Firefox was causing the problem. That didn't make any difference.

I tried viewing this on another computer that is running Firefox 4 on Windows XP, but the problem was still there.

I used Firebug to disable and then re-enable each line of CSS one at a time to see if there was a CSS problem. I didn't notice an improvement.

I just need to know if I am wasting my time trying to troubleshoot something that is not correctable.

Site Displays Fine In Firefox But Not In Ie

I apologize if this is supposed to be in the HTML forum. Since html code can be viewed from the source I thought I will post the css code to cross check since I couldn't figure out what is causing the problem. So thought I would post it in CSS forum.

I have the following site that displays fine in Firefox but is all a mess in IE.

Css Ie + Firefox Differences In My Site Layout - Help!

Hi, can you take a look at my site: www vitacam com in both IE7 and Firefox and let me know if you see anything in the code that is causing the layout differences? Everything's all bunched together in Firefox but it looks right in IE.

Thanks,

Shane

Demo Site Broken In Firefox

Hi I have done two pages and they seem to work fine in IE8 but when I view it in firefox there are a couple of issues:

link

On the home page i have a lightbox set up for the polaroids with specific width and height. In IE the div is exact in size but in firefox the div seems to expand beyond the dimensions of the div (a red dotted border is displayed on click)

On the Products page, the right hand side of the book has products listed in which you hover over and the polaroids will reflect different angled shots of the product that the cursor is over. Each product line is a hyperlink but in Firefox some of these lines are unlinkable whereas in IE there is no problem here! It is the same instance with the sub menu on the left hand page too

Can anyone point me in the right direction of solving these issues please?

Css Designed Site Doesn't Display In Firefox

Hi - I've just carefully taught myself to design a site in CSS (as you can tell I'm not an expert - please forgive me this!) It looks great in IE, but the CSS doesn't display at all in Firefox. What have I done wrong?

Vista Style Site (problem In Firefox)

Im just playing around with CSS and Photoshop and made this so far:-
http://www.o0matte0o.myby.co.uk/windows-vista/
Lazy Link

It look as its ment to in IE7, Vista IE and IE6 (apart from the PNG Transparancy in IE6) but when I view the site in Firefox there are spaces between each of the sub titles and the Title on the Transparent part is not in the correct place can any one help to see where Im going wrong please?

I have tested the CSS and XHTML and bouth complie to the standard so I cant see what Im doing wrong :S

Site Displays Right On Ie, Wrong On Firefox/safari

I am finishing up design of a site, and validated it with the W3c validator (everything is valid). When I go to it on IE, everything shows up the way that it should. However, when I go to it on Firefox or Safari, on three pages there seems to be a 'chunk' taken out of the left side. If you compare the three pages in IE and Firefox you should see what I mean (devshed won't let me post links so sorry for the formatting):

It seems to be the page length that is causing this, because on shorter length pages, there is no chunk.

I am using DIV tags to lay the site out, which should be pretty easy to follow if you view source. My CSS file is at: 01f086d.netsolhost dot com/yk/assets/css/defaultPage dot css (also validated with W3C).

Any help would be GREATLY appreciated as I have spent hours on this last problem and can't figure out what is causing it!

Problems On Site With Firefox 3, Internet Explorer 6 And 7, Chrome And Safari Okay

Okay, so. My site looks the way I want so far on google chrome and safari (mac). And right now I'm at the stage of getting it to display like the two.

If anyone who decides to help doesn't have access to certain browsers, I'll further explain, but I think it's easiest said to see for yourself.

Right now I'm focusing on ie6, ie7, ff3. The markup in some areas is whacky, I know, but I decided to pick up where I left off on this project (which I first began building awhile ago) instead of starting completely over with a good template.