aleX_hill Posted October 28, 2007 Share Posted October 28, 2007 Hi, My page www.hcdesigns.com.au displays fine in IE, but has a couple of problems in FF. Firstly, the footer div is too wide at the bottom and sticks out to the right. Secondly, the white background colour of the mainContent div only goes partway down the div (I think it is the size of the first div in there as it is updated using AJAX when you click a menu item). Can anyone help me fix these annoying problems? Cheers, Alex Quote Link to comment https://forums.phpfreaks.com/topic/75085-ff-and-ie-problems/ Share on other sites More sharing options...
dbrimlow Posted October 28, 2007 Share Posted October 28, 2007 You have no DOCTYPE. This page was therefore designed for IE only. Quote Link to comment https://forums.phpfreaks.com/topic/75085-ff-and-ie-problems/#findComment-379795 Share on other sites More sharing options...
bronzemonkey Posted October 28, 2007 Share Posted October 28, 2007 What you want to be doing is testing your website in Firefox. It is a browser that has adopted far more of the w3c recommendations than Internet Explorer. Only once you have your website working properly in Firefox should you look at it in IE to see what is going on in that browser. I know you came here to fix a minor problem with your footer but you've revealed a lot of major problems in your code. - You have not declared a doctype at the very top of every document - http://www.w3.org/QA/2002/04/valid-dtd-list.html - Your css does not override the default browser styles. - The website is completely broken for people with javascript disabled (like those of us using the Firefox extension NoScript). - The floated elements have no been cleared properly. - Users cannot bookmark the various pages of the website. - Users cannot use their browser's "back" button. - You are forcing popups upon visitors. Luckily, you can produce all the desired "mouseover" effects (including those for the large images) with only css. Your website is very small - you could use php to change the page content without having to reload the header/footer (like what you are trying to achieve with the javascript) - but it seems unnecessary. Since you're working for a commercial enterprise - a "web design" company no less - I would rather not provide you with a free-of-charge or uncredited html/css solution to the problems mentioned above. If your company would be willing to pay a small fee and/or credit me (in the source code) for using my html/css code, please PM me with details. Quote Link to comment https://forums.phpfreaks.com/topic/75085-ff-and-ie-problems/#findComment-379808 Share on other sites More sharing options...
TheFilmGod Posted October 30, 2007 Share Posted October 30, 2007 LOL. And your a web design and development company? Quote Link to comment https://forums.phpfreaks.com/topic/75085-ff-and-ie-problems/#findComment-380808 Share on other sites More sharing options...
bronzemonkey Posted October 30, 2007 Share Posted October 30, 2007 Looks like you have attempted to fix the problems with your site, but you've also created some new ones: - The doctype declaration is in the wrong place in the source code. - You've got these big, ugly, warning signs at the top of your website for users with js disabled. - Sending visitors off to another "noscript" version of the website is completely over the top just because they don't get to see your rollover effects! It's a shame. I've got a nice, improved pure html/css version of your homepage design (only 38 lines of html code and 82 lines of css code) sitting right here...and it works for visitors with js disabled. Oh well Quote Link to comment https://forums.phpfreaks.com/topic/75085-ff-and-ie-problems/#findComment-380821 Share on other sites More sharing options...
aleX_hill Posted October 30, 2007 Author Share Posted October 30, 2007 I am not a web design and development company as such. I am one person business which creates website for family, friends and schools which I have other contact with. I was creating the HC Web Designs site as a project for myself to learn more about scripting, hence asking for help here. I do not advertise myself as a business, I just make basic sites for people I know. As for the criticism, about the site, thank you to those people who have been constructive. It is disappointing though that people from this forum, which should be supportive, have abused the me through the forms. The website is a work in progress, therefore there is no error checking on the forms as so *kindly* pointed out by Mr f**ker you. In the future, if you do not want to be contructive, please do not abuse me, I am just trying to learn how to do things myself. Alex Quote Link to comment https://forums.phpfreaks.com/topic/75085-ff-and-ie-problems/#findComment-380836 Share on other sites More sharing options...
bronzemonkey Posted October 30, 2007 Share Posted October 30, 2007 I see you've fixed the doctype problem and your footer. One more suggestion - try to use the strict doctype for new builds. There is no reason why your website shouldn't work with this doctype and it will help you out in the long run. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> You should also start using the w3c code validators to help you find errors in your html and css - http://www.w3.org/QA/Tools/. You might get errors telling you about "document type does not allow" or "end tag for element that isn't open", but that will actually be because you've got an unclosed tag or tags in the wrong place somewhere. For example, the html between the <noscript></noscript> tags in the head are causing several validation errors when you try to validate your html - remove all that noscript stuff from the head and they will be fixed. The css validator will also show you a couple of errors in the css (like missing out the # before colour values). You should convert all the "named" colors to hex values, this site will help - http://cloford.com/resources/colours/500col.htm. You could also adopt a "css reset" to remove all the default browser styles, which vary from browser to browser, and give yourself a clean slate to style from - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ If you're feeling adventurous, you can learn how to replace the javascript for the navigation with css by applying the technique described in these articles: http://veerle.duoh.com/blog/comments/the_xhtml_css_template_phase_of_my_new_blog_part_2/ - similar to what you would need to do http://veerle.duoh.com/blog/comments/greenpeace_green_my_apple_project/ - includes the favoured image replacement technique using span or em. It's easier than it looks! If you manage to get it working I'll let you know how to achieve the changing header image with only css (unless you work it out for yourself). Quote Link to comment https://forums.phpfreaks.com/topic/75085-ff-and-ie-problems/#findComment-381039 Share on other sites More sharing options...
dbrimlow Posted October 30, 2007 Share Posted October 30, 2007 The no script tag goes after the body tag - just remember that it is actual html markup code, which belongs in the body, so you will always know where to place it. I include a plain html version of a no script tag of my complete nav header right after the body tag for those who turn off jscript: <noscript> <h1>Apartments Inc</h1> <ul class="noscript"> <li><a href="../index.html">home </a> | </li> <li><a href="../rentals/index.php">apt for rent </a> |</li> <li><a href="../sales/index.php">apt for sale </a> |</li> <li><a href="../services/index.html">move-in services </a> |</li> <li><a href="../who/history.html">about us </a> |</li> <li><a href="../who/contact.html">contact us </a></li> </ul> </noscript> Your nav bar could be done the same. And, for what it's worth, I personally think you have a good eye for design. Keep it up. Don't get discouraged and particularly don't let the "jerks" get to you. Dave Quote Link to comment https://forums.phpfreaks.com/topic/75085-ff-and-ie-problems/#findComment-381340 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.