HTML - Problem With Internet Explorer 7 - Size Of Font Shrinks.
Hi all,
I'm not sure if I'm posting in the right place but I have an issue with Internet Explorer 7. Apparently, when user's are looking at my website (it's internal) with IE 7 - the size of the font shrinks to 2 (or even lower). the site looks ok on fireFox/older version on IE. can anyone advise how to fix it? THANK YOU! Similar Tutorialshttp://www.dishonor-elite.com/Trashy/screencap1.jpg if you look at the link it says it all, i paid for someone to code my website and they kinda just left me hanging, so if anyone can help me with this one problem i would be very very thankful, your friend from new orleans, John Ruckler Hi all, I'm have a problem with my mouse over buttons. They work under FireFox, but they don't with IE, DAMN IE! Can someone take a look at my code? It's about the "BUY", "INFO" and "CONTACT" buttons. HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=utf-8" /> <META name="author" content="-"> <META name="copyright" content="© -"> <META name="keywords" content="-"> <META name="date" content="2008-11-11T00:45:00+00:00"> <TITLE>Artmania Art Galleries</TITLE> <link REL="shortcut icon" HREF="icon.ico" > <!-- Icon in the address bar --> <SCRIPT TYPE="text/javascript" SRC="rip.js"></SCRIPT> <!-- Anti rip java script --> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> <!-- function change_all() { parent.main_frame.location="main.php"; parent.right_frame.location="paintings.php"; } //--> <!-- function change_buy() { parent.main_frame.location="main.php"; parent.right_frame.location="buy.php"; } //--> <!-- function change_info() { parent.main_frame.location="main.php"; parent.right_frame.location="paintings.php"; } //--> <!-- function change_contact() { parent.main_frame.location="main.php"; parent.right_frame.location="contact.php"; } //--> </script> <script language="javascript"> function ShowPic(sImage) { sImage = sImage ; document.ShowRoom_buy.src = sImage; } function ShowPic2(sImage) { sImage = sImage ; document.ShowRoom_info.src = sImage; } function ShowPic3(sImage) { sImage = sImage ; document.ShowRoom_contact.src = sImage; } </script> </HEAD> <!-- Background color of the webpage --> <BODY BGCOLOR="#FFFFFF"> <!-- The background image build out of 25 images, put into a TABLE --> <TABLE ID="TABLE_01" STYLE="position:absolute; top:7px; left:7px; overflow:auto" WIDTH="1000px" HEIGHT="700px" BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD> <IMG SRC="images/layout_01.gif" WIDTH="200" HEIGHT="140" BORDER="" ALT="" USEMAP="#home"></TD> <TD> <IMG SRC="images/layout_02.gif" WIDTH="200" HEIGHT="140" BORDER="" ALT="" USEMAP="#home2"></TD> <TD> <IMG SRC="images/layout_03.gif" WIDTH="200" HEIGHT="140" BORDER="" ALT="" USEMAP="#home3"></TD> <TD> <IMG SRC="images/layout_04.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> <TD> <IMG SRC="images/layout_05.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/layout_06.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> <TD> <IMG SRC="images/layout_07.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> <TD> <IMG SRC="images/layout_08.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> <TD> <IMG SRC="images/layout_09.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> <TD> <IMG SRC="images/layout_10.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/layout_11.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> <TD> <IMG SRC="images/layout_12.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> <TD> <IMG SRC="images/layout_13.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> <TD> <IMG SRC="images/layout_14.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> <TD> <IMG SRC="images/layout_15.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/layout_16.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> <TD> <IMG SRC="images/layout_17.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> <TD> <IMG SRC="images/layout_18.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> <TD> <IMG SRC="images/layout_19.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> <TD> <IMG SRC="images/layout_20.gif" WIDTH="200" HEIGHT="140" ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/layout_21.gif" WIDTH="200" HEIGHT="140" BORDER="0" ALT="" ID="ShowRoom_buy" USEMAP="#buy"></TD> <TD> <IMG SRC="images/layout_22.gif" WIDTH="200" HEIGHT="140" BORDER="0" ALT="" ID="ShowRoom_info" USEMAP="#info"></TD> <TD> <IMG SRC="images/layout_23.gif" WIDTH="200" HEIGHT="140" BORDER="0" ALT="" ID="ShowRoom_contact" USEMAP="#contact"></TD> <TD> <IMG SRC="images/layout_24.gif" WIDTH="200" HEIGHT="140" ALT="" ></TD> <TD> <IMG SRC="images/layout_25.gif" WIDTH="200" HEIGHT="140" ALT="" ></TD> </TR> </TABLE> <!-- rectangle links with the coordinates --> <MAP NAME="home"> <AREA shape="rect" ALT="Artmania Art Galleries" COORDS="46, 35, 200, 72" href="javascript:change_all()"> </MAP> <MAP NAME="home2"> <AREA shape="rect" ALT="Artmania Art Galleries" COORDS="0, 35, 200, 112" href="javascript:change_all()"> </MAP> <MAP NAME="home3"> <AREA shape="rect" ALT="Artmania Art Galleries" COORDS="0, 35, 195, 112" href="javascript:change_all()"> </MAP> <MAP NAME="buy"> <AREA onMouseOver="ShowPic('images/layout2_21.gif')" onmouseout="ShowPic('images/layout_21.gif')" shape="rect" ALT="buy" COORDS="52, 30, 142, 57" href="javascript:change_buy()"> </MAP> <MAP NAME="info"> <AREA onMouseOver="ShowPic2('images/layout2_22.gif')" onmouseout="ShowPic2('images/layout_22.gif')" shape="rect" ALT="info" COORDS="58, 30, 148, 57" href="javascript:change_info()"> </MAP> <MAP NAME="contact"> <AREA onMouseOver="ShowPic3('images/layout2_23.gif')" onmouseout="ShowPic3('images/layout_23.gif')" shape="rect" ALT="contact" COORDS="65, 30, 155, 57" href="javascript:change_contact()"> </MAP> <!-- The FRAMEs where the main text, slogan and paintings are displayed --> <DIV STYLE="position:absolute; top:187px; left:57px; WIDTH:510px; HEIGHT:230px"> <IFRAME NAME="main_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="230" WIDTH="510" SRC="main.php" ID="main_frame"></IFRAME> </DIV> <DIV STYLE="position:absolute; top:191px; left:617px; WIDTH:315px; HEIGHT:432px"> <IFRAME NAME="right_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="432" WIDTH="315" SRC="paintings.php" ID="right_frame"></IFRAME> </DIV> <DIV STYLE="position:absolute; top:466px; left:60px; WIDTH:499px; HEIGHT:81px"> <IFRAME NAME="slogan_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="81" WIDTH="499" SRC="slogan.php" ID="slogan_frame"></IFRAME> </DIV> <DIV STYLE="position:absolute; top:675px; left:405px; WIDTH:200px; HEIGHT:30px"> <IFRAME NAME="copyright_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="30" WIDTH="200" SRC="copyright.php" ID="copyright_frame"></IFRAME> </DIV> </BODY> </HTML> Hello, Im new to this whole web design world, and i have run into a little problem that I nor my designer could solve. my site is www.TheFinancer.ca if i access the site from mozilla firefox everything is fine, however, if I use internet explorer (as most people and clients do) my MENU BAR*** automatically disappears. I dont know what the problem is. Whenever I go to click on it it reappears but in white. I would really appreciate any help in regards to this issue. Thanks! Hi All, I have developed my website using Internet Explorer version 7.0 which was on my PC. When I opened site in Internet Explorer 6.0 I observed that there is a lot of difference in what is there on v7.0 and now on v6.0. I found many images has got displaced from there original location. Even there is are changes in the color scheme and the background effect of text. I use to see text in <LEGEND> tag in "white " color in my IP7.0 which is apearing in "Blue" color in IP6.0. I think this is happening due to difference in version of IP. Is that correct? Please suggest me the way how to design website so that it will appear as same irrespective of the browser used to open it. Thanks in advance. Regards, Jaas. Hi, I have developed a website and used Internet Explorer to view it when making it. However, when I load the pages in firefox it is not formatted the same - why is this? Doesn't firefox recognise certain html and css tags? How can I fix this if I want the website to be viewed the same in Firefox? I'm not sure how MySpace is viewed on this forum, but I figured that posting here would be my best bet for help. I'm using HTML to place a table composed of several GIFs over my normal page. It changes the look completely, while still maintaining the functions I wish to keep. I normally use FireFox and the table I made works perfectly fine with it. The issue is most of my friends use Internet Explorer, and I realized the table has weird gaps when viewed in IE. It used to have vertical gaps too, but I turned the table code into one long line and that was fixed. I'm still left with horizontal gaps, though. http://www.MySpace.com/NeoApollo My HTML experience is limited, so lots of the code is borrowed from this site or that generator. Because of this, the code isn't very readable and I apologize. Hi all, I can not seem to figure out why a form on my fathers website is having trouble being read by Internet Explorer. The text directing what should be written (ie. Name, Telephone, Email Address, etc...) is being cut in half. I have no idea why it is doing this I have tried playing around with the cell padding to no avail. I appreciate you help Thanks, Josh Korn hello. i have a table in HTML (made with Dreamweaver) with some text in one row. when i browse it with IE the text is where I putted it but with Netscape the text is much lower. before the text i have one colored column (widith 2 pixels), in IE it is visible correct but with Netscape Navigator it is missing. only if i incrase the widith i can see it with Netscape. Can somebody help me solve this problems? Thank You in advance. My site looks perfect in all other browsers, but in Internet Explorer (possibly only earlier versions) the alignment of everything is completely off...My blog content appears to the right of the header instead of under it... I validated my code and still no luck, I am stuck! Any help is greatly appreciated! My site is: http://fashion.pocketfullofgold.com THANKS!!! Hi, It seems that a lot of threads of this board are geared towards people having CSS issues in IE, I'm learning how to make websites at the moment and have also noticed this issue. Why have Microsoft not done something about this? I don't understand, it seems like Firefox and other browsers have always been a few years in front of IE over the years, so why won't Microsoft just make a browser compatible with all the latest CSS features, if Firefox can do it I don't understand why Microsoft can't? Is making the browser more update really that difficult? i have a site that works like charm in firefox but in internet explorer it results to a not found page.Its index page is full of tables and whn i erase some tr it work in internet explorer too I want to fix some of the images and links at fix position on the website on all pages. So i have used Div tag and given position fixed and mentioned the position required for me. It works fine in Chrom, Mozilla but does not works in Internet explorer. I tried all versions of IE from 7 to 9. But it is not looking in same way as it looks in other browsers. You too can visit this url: http://www.arete.in/sgcdesign/practice.html I created this website, http://www.earlyrain.com/jonathan... on my Mac, and it works exactly how I want it in Safari. But, when I go to my mom's PC with 2000 on it (internet explorer 6), the entire page is just random pictures everywhere and looks horrible. Then I can go into Firefox on her PC and the placement of everything works, but some of the pictures won't show up. There's a place for them, but I can't see them. so, I really need some help with the IE problem, seeing as I don't have these problems on my computer... Hello all, thanks for all the help you guys give! I am having a few problems in IE only....Please visit http://www.firstpresgreenville.org/ At the top of the page please notice the search form...In IE, a box extends down and covers part of the text below....this doesnt happen in Firefox or Chrome... Also, at the bottom of the page there is a content slider...In IE, the numbering shows as solid white boxes....In Firefox and Chrome the boxes are white with blue numbering... I am sure these are easy fixes but i cannot figure out the best route to take.... Any help would be greatly appreciated! I have a bit of a problem with my site. I'm using CSS for my td backgrounds and in some places it works and in some places it doesn't. I am looking at it using the lastest Internet Explorer. I don't get why it is working in some areas and not in others... I'm wondering if someone can help me out and tell me what I'm doing wrong. Here's my webpage.... http://webtvdeluxe.com/home.php . Use Internet Explorer to view it and you'll see what I mean. Please.... Someone help me Hey everyone. I've been working on a site recently and I've run into a couple problems since I'm sort of self-taught and am just getting the hang of some HTML techniques. First of all, I'm having serious format problems with Internet Explorer. My site has a stoplight navigation bar that works fine in FF/Chrome, but when it comes to Internet explorer, it always displays it at the top of the page and moves everything else down . Second, I can't get any doctype validation to work on my website. I've tried strict, transitional and frameset (even though I don't have frames). Whenever I try it, it seems to completely ignore my stylesheet. Anyway, my website is www.avavenue.com. Here's my code for the home page: Code: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems."> <meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12"> <title>AV Avenue</title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body> <ul id="stoplight"> <li id="stoplight1"><a href="index.html"></a></li> <li id="stoplight2"><a href="aboutus.html"></a></li> <li id="stoplight3"><a href="contactus.html"></a></li> </ul> <div id="stoplightbottom"> <img src="Images/Home Page/StoplightBottom.png" alt=""> </div> <div id="smartboard"> <img src="Images/Home Page/Smartboard.png" alt=""> </div> <div id="specials"> <img src="Images/Home Page/AprilSpecials.png" alt="Check out our special services for April!"> </div> <div id="text2"> <img src="Images/Home Page/Text2.png" alt=""> </div> <div id="avsign"> <img src="Images/Home Page/AVAvenueLeftSign.png" alt=""> </div> <div id="states"> <img src="Images/Home Page/States.png" alt=""> </div> <div id="contractorstext"> <span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span> </div> <div id="company1"> <img src="Images/Home Page/Company1.png" height="30" width="100" alt=""> </div> <div id="company2"> <img src="Images/Home Page/Company2.png" height="30" width="100" alt=""> </div> <div id="company3"> <img src="Images/Home Page/Company3.png" height="30" width="100" alt=""> </div> <div id="company4"> <img src="Images/Home Page/Company4.png" height="30" width="100" alt=""> </div> <div id="company5"> <img src="Images/Home Page/Company5.png" height="30" width="100"alt=""> </div> <div id="flashmovie"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="400" id="AV_Ave" align="middle"> <param name="movie" value="AV_Ave.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#000000"> <param name="play" value="true"> <param name="loop" value="true"> <param name="wmode" value="window"> <param name="scale" value="showall"> <param name="menu" value="true"> <param name="devicefont" value="false"> <param name="salign" value=""> <param name="allowScriptAccess" value="sameDomain"> <object type="application/x-shockwave-flash" data="AV_Ave.swf" width="600" height="400"> <param name="movie" value="AV_Ave.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#000000"> <param name="play" value="true"> <param name="loop" value="true"> <param name="wmode" value="window"> <param name="scale" value="showall"> <param name="menu" value="true"> <param name="devicefont" value="false"> <param name="salign" value=""> <param name="allowScriptAccess" value="sameDomain"> <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"> </a> </object> </object> </div> </body> </html> and the code for the about us page: Code: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems." /> <meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12" /> <title>AV Avenue</title> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> </head> <body> <ul id="stoplight"> <li id="stoplight1"><a href="index.html"></a></li> <li id="stoplight2"><a href="aboutus.html"></a></li> <li id="stoplight3"><a href="contactus.html"></a></li> </ul> <div id="stoplightbottom"> <img src="Images/About Us/StoplightBottom.png"/> </div> <div id="smartboard"> <img src="Images/About Us/Smartboard.png"/> </div> <div id="specials"> <img src="Images/About Us/AprilSpecials.png"/> </div> <div id="avsign"> <img src="Images/About Us/AVAvenueLeftSign.png" /> </div> <div id="states"> <img src="Images/About Us/States.png" /> </div> <div id="contractorstext"> <span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span> </div> <div id="greenbackground"> <img src="Images/About Us/GreenBackground.png" height="500" width="630"/> </div> <div id="aboutusheader" width="250"> <span class="whitetext1 tahoma">Classroom Technology Specialists</span> </div> <div id="aboutusparagraph"> <span class="whitetext3 arial">AV Avenue has been specializing in K-12 and Higher Education for nearly 10 years. We provide audio/video equipment sales, systems installations, and services for existing systems. While our focus is in classroom technology, we also offer the following services below: </span> </div> <div id="list1"> <span class="whitetext2 arial underline">Classrooms</span> <ul> <li><span class="whitetext2 arial">Projectors</span></li> <li><span class="whitetext2 arial">SMART Boards</span></li> <li><span class="whitetext2 arial">Audio Systems</span></li> <li><span class="whitetext2 arial">Sound Field Systems</span></li> <li><span class="whitetext2 arial">Control Systems</span></li> <li><span class="whitetext2 arial">Acoustics</span></li> </ul> </br> <span class="whitetext2 arial underline">Building Wide</span> <ul> <li><span class="whitetext2 arial">Video Surveillance</span></li> <li><span class="whitetext2 arial">Paging</span></li> </ul> </br> <span class="whitetext2 arial underline">Cafeteria</span> <ul> <li><span class="whitetext2 arial">Acoustics</span></li> <li><span class="whitetext2 arial">Sound Systems</span></li> </ul> </div> <div id="list2"> <span class="whitetext2 arial underline">Auditorium</span> <ul> <li><span class="whitetext2 arial">Acoustics</span></li> <li><span class="whitetext2 arial">Sound Systems</span></li> <li><span class="whitetext2 arial">Video Displays</span></li> <li><span class="whitetext2 arial">Video Recordings</span></li> </ul> </br> <span class="whitetext2 arial underline">Library</span> <ul> <li><span class="whitetext2 arial">Acoustics</span></li> <li><span class="whitetext2 arial">Sound Systems</span></li> </ul> </br> <span class="whitetext2 arial underline">Music Rooms</span> <ul> <li><span class="whitetext2 arial">Acoustics</span></li> <li><span class="whitetext2 arial">Sound Systems</span></li> <li><span class="whitetext2 arial">Video Systems</span></li> </ul> </div> <div id="list3"> <span class="whitetext2 arial underline">Gymnasium</span> <ul> <li><span class="whitetext2 arial">Acoustics</span></li> <li><span class="whitetext2 arial">Sound Systems</span></li> <li><span class="whitetext2 arial">Video Displays</span></li> <li><span class="whitetext2 arial">Video Recording</span></li> </ul> </br> <span class="whitetext2 arial underline">Swimming Pool</span> <ul> <li><span class="whitetext2 arial">Acoustics</span></li> <li><span class="whitetext2 arial">Sound Systems</span></li> </ul> </br> <span class="whitetext2 arial underline">Athletic Fields</span> <ul> <li><span class="whitetext2 arial">Sound Systems</span></li> <li><span class="whitetext2 arial">Video Recording</span></li> <li><span class="whitetext2 arial">Scoreboards</span></li> </ul> </br> <span class="whitetext2 arial underline">Dance Studio</span> <ul> <li><span class="whitetext2 arial">Sound Systems</span></li> <li><span class="whitetext2 arial">Acoustics</span></li> </ul> </div> </body> </html> (cont) Hey guys, My company is building this website and it seems like we're having quite a bit of trouble with the rollovers and their alignment in Internet Explorer versions before 7. It would be awesome if any of you could give us some insight as to why (other than asking customers to upgrade their explorer or switching to firefox). Another thing is the portfolio section is falling a little too far below the title for a designer's comfort (we're a graphic design studio... not web experts).... how might I be able to fix it? I want to thank everyone who's helped us in the past and hope someone can help us again! Theia So, I mainly use firefox, and my page looks fine in firefox.. but in Internet explorer there are some issues: heres the code: Code: <div align="center" id=article> <table margin:0 border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"><img src="images/articles/top.jpg"/> </td> </tr> <td width="4px" style="background-image: url(images/articles/left.jpg)"></td> <td width="734px" style="background-image: url(images/articles/middle.jpg)"> <br>Text here.... </td> <td width="4px" style="background-image: url(images/articles/right.jpg)"></td></tr> </table> <table margin:0 border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="images/articles/top.jpg"/> </td> </tr></table></div> Basically, I want that set up so I can put text in and the pics are already made to that they tile properly and neatly, that works, except there are spaces between top.jpg and middle.jpg I reused top.jpg on the bottom, cuz it looks the same anyway and it saves bandwidth by reusing the same pic. But theres a space there too, except not in firefox, which is how it is supposed to look. Basically, top.jpg, left.jpg and right.jpg form a border, and middle.jpg is a shade of grey that fades to a darker color, but tiles correctly for the background, while text is displayed there... and it works, except for the spaces between top.jpg and the rest of the places. Thanks for any help! |