View Full Version : Conditional formatting in Firefox
11-13-2011, 01:22 AM
I'm semi-new to web developement and am working on this site: http://www.hurjewelers.com.
I've got just about everything buttoned up except that the search box that is currently inside the navigation bar looks wierd in Firefox. I built the site while using Chrome and have fixed the issue in IE using conditional formating but can't for the life of me figure out how to fix it in Firefox.
Would some body mind taking a look at it for me and seeing if I've made a typical newbie mistake somewhere?
P.S. it's build on a zen-cart platform. I don't know if that makes a difference or not.
11-13-2011, 08:14 AM
Well you've got this
On you're input element. I assume this is accidental? Fix that up and it should be right? I don't have access to FF at the mo, but i'd say that is causing a problem. There is no conditional formatting for anything other than IE. The trick unfortunately is if you do it right, it will work :P
11-13-2011, 11:26 AM
I (...) have fixed the issue in IE using conditional formating
That is correct for IE8, but not for IE7 and 9. Open the site in IE9, press F12 and play with the browser mode to see for yourself. Also, in IE6 there is no navmenu, and the content is way too far down.
Sorry that I have such bad news for you.
11-13-2011, 04:28 PM
the margin-top: -5px/9 was an IE 9 fix I saw in a youtube video (may not be the best way) and appears to have worked in IE8. I don't have Windows 7 so can't download IE9 yet to test it.
Frankie: I'm not sure what my issue is but I can't get the developer tools in IE to actually display. (Do I sound like a retart yet?) I think I can get your other suggestions addressed. Do you know what might be causing the search bar to be off in Firefox but not in Chrome?
11-13-2011, 04:42 PM
I'm not sure what my issue is but I can't get the developer tools in IE to actually display.
That is a must for any web developer, a working IE9 with a functioning developer tool. I don't have any easy answer for you, you'll have to google for that.
Do you know what might be causing the search bar to be off in Firefox but not in Chrome?
Yep: the use of negative margin to position the navbar. If you just position the divs according to the natural flow, your problems should be over. For that, put the header image as background, not as div filling. Then through making the header div less high, the menubar will move up.
11-13-2011, 06:00 PM
Please have a look on your contact us page as well
Powered by vBulletin® Version 4.2.2 Copyright © 2016 vBulletin Solutions, Inc. All rights reserved.