|
HTML - Html Display Problem: Internet Explorer Vs Netscape Navigator
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. Similar TutorialsHi 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 Hi guys, Just a couple of display issues in IE to pass by you. Firstly, my large text headers display too far up in Internet Explorer (all pages) Secondly, my descriptions on my Portfolio pages end up outside their containing divs. Works great on FF/Chrome/Opera/Safari though! You'll see what I mean: http://bit.ly/a3hUD4 (I've used bitly so my dumb questions don't show up when someone googles my website). >> Here's the CSS for the centre div with the jumbo-text titles .column1 { padding: 103px 10px 10px 10px; float: left; width: 500px; margin: 0; } >> And for the description div on the portfolio page .porttxtbox { text-align: right; background-image: url(images/porttxtBG.png); bottom: 0; position: absolute; width: 100%; padding: 0px; margin: 0px; } I have a wordpress blog in which on the single post page the container div is non-existent and the sidebar and footer go into the content div. The page displays fine in firefox it only has the problem in internet explorer. Any help would be greatly appreciated. Here is an example of the problem: http://purplemushroomreviews.com/gam...mption-review/ Hey, Recently I've been coding the research group webpage for work. I used standard HTML 4.01 and CSS, which all verified perfectly with W3C, but for some reason IE is throwing a proper hissy fit! Whatever other browser I use (Firefox, Safari, Opera, and Google Chrome) it works fine, but IE doesn't seem to see the base properly so all my image and style file subdirectories aren't found. Here's a few lines from the header where I define the stuff of interest: HTML Code: <title>Mark E Vardy - Summary</title> <base href=""> <link rel="stylesheet" media="all" type="text/css" href="css/layout.css"> <link rel="stylesheet" media='all' type="text/css" href="css/style.css"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> Anyone any ideas? Hi guys, I posted a tread last week about a preloader to load and cache multiple files (swf) that are at different addresses before playing a flash page. Someone finally posted an answer, and the code is almost working perfectly. The way to make it work is by having an .html file, an .as file and a .swf loader file. But right now I have an issue with the html file. It's working perfectly in Safari and Firefox but not in Internet Explorer. In IE the swf appears really small in the window. Any ideas why ? The test address is; http://www.liferevolution.com/test2/ Here's the code for the html; 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" />
<script src="swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
var flashVars = {};
flashVars.fileToLoad = "main1.swf"; //change here to same url wrote into the preloader array
var params = {};
params.scale = "true"; // exactfit, noscale, noborder
params.allowfullscreen = "true";
//params.salign = "center";
params.allowScriptAccess = "sameDomain";
params.quality = "high";
params.menu = "false" ;
params.bgcolor = "#000000" ;
var attributes = {};
//attributes.align = "center";
attributes.id = "mbox";
attributes.name = "mbox";
var breite = "0";
var hoehe = "0";
var swfFile = "javaScriptCaller";
var mainFlashApp = "myFlash";
var flashVersion = "9.0.0.0";
swfobject.embedSWF("preloaderExample.swf", "myFlash", "100%", "100%", "9.0.0.0","expressInstall.swf", flashVars,params,attributes);
function fullScreen()
{
posHelper("100%","100%");
posHelper2((breite-20) + "px",(hoehe-20) + "px");
var ele = document.getElementById("flashPosition");
ele.style.margin = 0;
ele.style.top = 0;
ele.style.left = 0;
ele.style.width = "100%";
ele.style.height = "100%";
}
function posHelper (b,h)
{
var ele = document.getElementById("flashSize");
ele.style.width = b;
ele.style.height = h;
ele.style.overflow = "hidden";
}
function posHelper2(b,h)
{
var ele = document.getElementById("htmlContent");
ele.style.position = "absolute";
ele.style.top = "0px";
ele.style.left = "0px";
ele.style.margin = "10px";
ele.style.width = b;
ele.style.height = h;
}
function onLoadBody()
{
fullScreen();
}
</script>
<style type="text/css">
<!--
html,body {
padding: 0;
margin: 0;
height: 100%;
width: 100%
}
#meinFlash {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
margin: 0px;
}
#htmlContent {
}
-->
</style>
</head>
<body onload="javascriptnLoadBody();" style="background-color:#000000;">
<div id="flashPosition" style="background-color:#000000s; z-index:3;">
<div id="flashSize" style="z-index: 2;">
<div id="htmlContent" name="htmlContent" style="z-index: 2;"></div>
<div id="myFlash" name="myFlash" style="z-index: 1;">
<p>Alternativ für Flash</p>
</div>
</div>
</div>
<script type="text/javascript">
var x = 0;
</script>
<noscript>
<p>Javascript NoScript</p>
</noscript>
</body>
</html>
Thanks in advance !!!! 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>
http://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 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. 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! Hello guys, I really need your help in sorting this out. This html file, http://www.koicolors.net/check-this-out/learn.html is damaged when viewed using Mozilla Firefox but not in Google Chrome and Internet Explorer. If anyone has managed to conquer this one, I would appreciate some instructions and suggestions. Thanks, magiclouie 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! 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, 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 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... 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? 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!!! |
|||||||