eduard Posted March 1, 2011 Share Posted March 1, 2011 My web page looks horrible in Internet Explorer! Where do I find information of browsers? Link to comment Share on other sites More sharing options...
justsomeguy Posted March 1, 2011 Share Posted March 1, 2011 What do you mean? What information are you looking for? Link to comment Share on other sites More sharing options...
eduard Posted March 1, 2011 Author Share Posted March 1, 2011 What do you mean? What information are you looking for?How the browsers execute my codes? Link to comment Share on other sites More sharing options...
jeffman Posted March 1, 2011 Share Posted March 1, 2011 You have some HTML errors that may be causing Explorer to render the page using its old-fashioned box model.1. You may not put an <h4> element inside an <a> element. If you want that text to be big and bold, define CSS for your <a> elements.2. This tag needs a closing > <div class="footer"3. You are writing HTML 4.01, not XHTML or HTML5. Remove the / from the end of your image tag.I don't know if this will correct the IE problem, but it's where I would start. Link to comment Share on other sites More sharing options...
eduard Posted March 1, 2011 Author Share Posted March 1, 2011 You have some HTML errors that may be causing Explorer to render the page using its old-fashioned box model.1. You may not put an <h4> element inside an <a> element. If you want that text to be big and bold, define CSS for your <a> elements.2. This tag needs a closing > <div class="footer"3. You are writing HTML 4.01, not XHTML or HTML5. Remove the / from the end of your image tag.I don't know if this will correct the IE problem, but it's where I would start.Thanks very much! However, they don´t save the main problems: a white bar between my 1 st and snd div and the 3 rd isn´t until the end! Link to comment Share on other sites More sharing options...
thescientist Posted March 1, 2011 Share Posted March 1, 2011 use a Strict DTD. (see my sig) Link to comment Share on other sites More sharing options...
eduard Posted March 1, 2011 Author Share Posted March 1, 2011 use a Strict DTD. (see my sig)It doesn´t help!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><HTML><head><meta http-equiv="content-type" content="text/ html; charset=UTF-8"><title>Eduard Lid</title><link rel="stylesheet" type="text/css" href="ex1.css"></head><body><div class="header"><a href="http://www.viadeo.com/es/profile/eduard.lid">Profile</a><a href="web_designer/image_and_text_database.html"><b><h4>Web designer (databases)</h4></b></a></div><div id="main"><img src="images/me.JPG" alt="Eduard Lid" align="right" width="400" height="257"></div><div><div class="footer"><h1>CSS font-family<h1/><p class="sansserif">Eduard Lid</p><h5>(1152*720px)</h5></div class="foooter"></div></body></HTML> Link to comment Share on other sites More sharing options...
justsomeguy Posted March 1, 2011 Share Posted March 1, 2011 Make sure to validate your code. You can either point the validator to your page online, or upload a file, or copy and paste your code.http://validator.w3.org/The code you posted there has 8 errors and 3 warnings. That includes things like putting the h4 inside of a b or a tag, using the "align" attribute, and not closing your h1 tag correctly. Link to comment Share on other sites More sharing options...
jeffman Posted March 1, 2011 Share Posted March 1, 2011 There are also errors in your CSS. A big one is in your footer ruleset. You can detect CSS errors in your Firefox error console or here: http://jigsaw.w3.org/css-validator/ Link to comment Share on other sites More sharing options...
trinistorm Posted March 1, 2011 Share Posted March 1, 2011 Hey eduardchile if your using firefox get the firebug add on. Its a bit confusing at first but once you get accustomed to it debugging your page rendering becomes a lot easier. You can use a point and click maneuver to determine what bits of mark up are causing blocks to be rendered the way they are.I use it a lot and it saves me a bunch of time. Link to comment Share on other sites More sharing options...
himler Posted March 1, 2011 Share Posted March 1, 2011 Remember to validate your code as a first step http://validator.w3.org/ Then it is important to see your site in IE7, IE8 and the new IE9 that presents few problems with cssOuvirLer foneticamenteDicionário - Ver dicionário detalhado Link to comment Share on other sites More sharing options...
eduard Posted March 2, 2011 Author Share Posted March 2, 2011 Hey eduardchile if your using firefox get the firebug add on. Its a bit confusing at first but once you get accustomed to it debugging your page rendering becomes a lot easier. You can use a point and click maneuver to determine what bits of mark up are causing blocks to be rendered the way they are.I use it a lot and it saves me a bunch of time.Thanks! Link to comment Share on other sites More sharing options...
eduard Posted March 2, 2011 Author Share Posted March 2, 2011 Remember to validate your code as a first step http://validator.w3.org/ Then it is important to see your site in IE7, IE8 and the new IE9 that presents few problems with cssOuvirLer foneticamenteDicionário - Ver dicionário detalhadoThanks! Link to comment Share on other sites More sharing options...
eduard Posted March 2, 2011 Author Share Posted March 2, 2011 There are also errors in your CSS. A big one is in your footer ruleset. You can detect CSS errors in your Firefox error console or here: http://jigsaw.w3.org/css-validator/ Thanks! (found it!) Link to comment Share on other sites More sharing options...
eduard Posted March 2, 2011 Author Share Posted March 2, 2011 My website doesn´t look good in Internet Explorer (5.2)! (with Safari it does!)I can´t update this browser because I have a Mac! Link to comment Share on other sites More sharing options...
jeffman Posted March 2, 2011 Share Posted March 2, 2011 Oh, my gosh. Forget about IE on the Mac. It is so old you CANNOT make a page look correct on it no matter what you try. Stop using it. The ONLY way to test IE is on a Windows machine, where you can test versions 7 and 8. (Some developers also test version 6, but a lot of us have stopped doing that.)EDIT. If you run Windows on your Mac, you might be able to test newer versions of IE. If your Mac is old, this may not be possible. Link to comment Share on other sites More sharing options...
eduard Posted March 2, 2011 Author Share Posted March 2, 2011 Oh, my gosh. Forget about IE on the Mac. It is so old you CANNOT make a page look correct on it no matter what you try. Stop using it. The ONLY way to test IE is on a Windows machine, where you can test versions 7 and 8. (Some developers also test version 6, but a lot of us have stopped doing that.)EDIT. If you run Windows on your Mac, you might be able to test newer versions of IE. If your Mac is old, this may not be possible.Thanks very much! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.