|
HTML - Ie6 Display Problem
Hi all,
I am building a small website and I am creating the template at the moment. The template displays fine in FF & Safari but not in IE6 or IE7. Here is the site: Clicky In IE something is pushing the design! It's a really simple design but I'm at a loss as to how to correct the IE problem! Here is the html: Code: <HTML> <HEAD> <TITLE>Copy of home</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> </HEAD> <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> <!-- ImageReady Slices (Copy of home.jpg) --> <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD><IMG SRC="images/template_01.jpg" WIDTH=18 HEIGHT=21 ALT=""></TD> <TD><IMG SRC="images/template_02.jpg" WIDTH=727 HEIGHT=21 ALT=""></TD> <TD><IMG SRC="images/template_03.jpg" WIDTH=24 HEIGHT=21 ALT=""></TD> </TR> <TR> <TD><IMG SRC="images/template_04.jpg" WIDTH=18 HEIGHT=540 ALT=""></TD> <TD bgcolor="#7F0029"> <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD><IMG SRC="images/template_05_01.jpg" WIDTH=229 HEIGHT=97 ALT=""></TD> <TD><IMG SRC="images/template_05_02.jpg" WIDTH=448 HEIGHT=97 ALT=""></TD> <TD><IMG SRC="images/template_05_03.jpg" WIDTH=50 HEIGHT=97 ALT=""></TD> </TR> <TR> <TD><IMG SRC="images/template_05_04.jpg" WIDTH=229 HEIGHT=87 ALT=""></TD> <TD colspan="2"><IMG SRC="images/header.jpg"> </TD> </TR> <TR> <TD><IMG SRC="images/template_05_07.jpg" WIDTH=229 HEIGHT=306 ALT=""></TD> <TD><IMG SRC="images/template_05_08.jpg" WIDTH=448 HEIGHT=306 ALT=""></TD> <TD><IMG SRC="images/template_05_09.jpg" WIDTH=50 HEIGHT=306 ALT=""></TD> </TR> <TR> <TD><IMG SRC="images/template_05_10.jpg" WIDTH=229 HEIGHT=50 ALT=""></TD> <TD><IMG SRC="images/template_05_11.jpg" WIDTH=448 HEIGHT=50 ALT=""></TD> <TD><IMG SRC="images/template_05_12.jpg" WIDTH=50 HEIGHT=50 ALT=""></TD> </TR> </TABLE> </TD> <TD><IMG SRC="images/template_06.jpg" WIDTH=24 HEIGHT=540 ALT=""></TD> </TR> <TR> <TD><IMG SRC="images/template_07.jpg" WIDTH=18 HEIGHT=21 ALT=""></TD> <TD><IMG SRC="images/template_08.jpg" WIDTH=727 HEIGHT=21 ALT=""></TD> <TD><IMG SRC="images/template_09.jpg" WIDTH=24 HEIGHT=21 ALT=""></TD> </TR> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> If anyone can point me in the right direction I would really appreciate it! Thanks Similar TutorialsHello, I'm trying to a create blog like web site. Since my html knowledge is very limited I decided to use a free web layout provided by Gorotron.com. The template I chose is called "Audiophile". The problem is the Audiophile template will not display correctly when IE 7 is used. The template displays perfect in Firefox 3 and IE 6 but not IE 7. I've contacted the user who created this template but I have not received response in weeks. If anyone has a solution how to correct this problem I would appreciate your help Snapshot of Problem:http://i35.tinypic.com/am2nme.png How it should look: http://i34.tinypic.com/1hc7z4.png Original HTML File: http://www.gorotron.com/templates/audiophile.zip Thanks in Advance. Hey hey! First post here so be nice I'm currently coding a satire website for my pal and I - http://www.satirefactory.com (only one article up at the moment). The problem I'm having is that when you click onto any page after the home page it removes the "www." bit from the address bar at the top of the browser. I can't understand it. The only thing I'm doing any differently from any of my previous web sites is that I've used php includes to call up different files for the header/menu/right column and footer of the page. eg: Code: <?php
include ("../includes/header-satire.htm");
?>
But I can't see how that would effect anything. Also - I've installed a set of (Invision Board) forums which are totally unrelated to the rest of the site, and they still display as http://satirefactory.com/forums , even if you type the URL directly into the address bar. The website is working properly, it's just this niggling aesthetic issue. If anyone has any ideas I'd be eternally greatful. Thanks in advance, Max Power HI, I am designing a website. But the problem is. If i developed that jsp or html file based on 17" desktop. If i open that in my laptop, some of the images are not aligned perfectly. Text boxes and alignment are aligned improperly. How can i solve this problem. Pls suggest me how to fix this problem permanently. My requirement is, if i open my project in any system that should display in all the systems similarlly. Thanks in advance ref: www.nofocusprototype.com/vanallen When viewed in FireFox, Opera and Camino, the menu bar and video footer are both perfectly aligned with the video box. In Safari and Chrome, however, the menu bar and the footer are a few pixels off plus the footer is separated from the bottom of the video box by a 1 or 2 pixel space. I could naturally adjust the menu bar and footer to display properly in Safari and Chrome, but then they would not display properly in the other browsers. This is certainly a Catch-22 situation. Anyone know a fix for this? BTW, I note that many people have display issues with Safari--one Apple rep told a questioner to get FireFox! Hi there, I have a problem at: Link removed The problem is viewed on Internet Explorer only, There is no problem on Safari and Firefox. in IE when you open the above link the first image is behind the second image, unless you hover the mouse over the image. It happens only occasionally in IE as well. When you hover the mouse over, the image goes to the correct place. I have looked at the code and see no problems. Can somebody please help me? Any help would be great Thanks Hi Guys, Hope you can help. I need to add some text to an existing site but I'm having a problem doing so. The text I add is displayed behind some other existing text? The page is currently live without the changes at www.bulksms.com but I have commented out the bit I need to add in so you can see it in the source, it's an A - Z directory toward the bottom of the page. I've managed to do it successfully at www.bulksms.vsms.net but this unfortunately does not seem to work on the .com version and ends up displaying as attached. Any ideas? ref: www.nofocusprototype.com/vanallen When viewed in FireFox, Opera and Camino, the menu bar and video footer are both perfectly aligned with the video box. In Safari and Chrome, however, the menu bar and the footer are a few pixels off plus the footer is separated from the bottom of the video box by a 1 or 2 pixel space. I could naturally adjust the menu bar and footer to display properly in Safari and Chrome, but then they would not display properly in the other browsers. This is certainly a Catch-22 situation. Anyone know a fix for this? BTW, I note that many people have display issues with Safari--one Apple rep told a questioner to get FireFox! Alright I have another question now. I have an iframe that src's a folder below to a php page. It works perfectly as designed on my computer however a friend of mine, when I showed him the page, stated that he doesn't see any content - meaning the iframe nulled out for him. As far as I know this could be a IE7 problem; but I really don't know. Any ideas as to why iframe can be inconsistent? Hello, I am having problems to correctly format the following two pages: http://www.rapidsmtp.com/product.html http://www.rapidsmtp.com/support.html They are displayed correctly in Firefox, but IE 6.0 displayes the HTML part wider than the flash menu. Can please somebody advice how to fix this? Also, IE 6.0 sometimes stalls for a minute when displaying my webpage (Firefox does not have this problem). Does somebody observe the same problem or is it a problem of my computer's setup? Kind regards, Alex The audio files I use on my web page display the individual control (play stop pause buttons) windows on my monitor screen and all the music segments play when actuated. However some users report that they get a distorted page and nothing works. I am using XP and Vista with IE7. Can anyone help find the cause of the problem? http://www.lvrny.net/theme.htm problem is fixed, no need to read. Hello, I have a website that displays fine in every browser I've tested but Chrome. The only problem is my borders. In order to get fading rounded edges I made each block a 3x3 table, like this: Code: <div class="general"><table class="bgtable"><tr><td class="bgtopleft"></td><td class="bgtopcenter"></td><td class="bgtopright"></td></tr> <tr><td class="bgleft"></td><td class="primary"> example post </td><td class="bgright"></td></tr><tr><td class="bgbottomleft"></td><td class="bgbottomcenter"></td><td class="bgbottomright"></td></tr></table></div> and here's the applicable portion of my stylesheet: Code: body
{
font-family: sans-serif;
font-size:11pt;
letter-spacing : 0.03em;
line-height : 130%;
color:white;
background-color:white;
}
.container
{
margin: 0 auto 0 auto;
width: 900px;
}
.general
{
background-color:#70a055;
margin: 0px 135px 10px 130px;
}
table.bgtable
{
border:none;
border-collapse: collapse;
width:635px;
}
table.bgtable tr
{
border:none;
}
.bgtopcenter
{
height:20px;
background-image:url(/data/bgtopcenter.gif);
background-repeat:repeat-x;
}
.bgtopleft
{
height:20px;
background-image:url(/data/bgtopleft.gif);
width:18px;
overflow:hidden;
}
.bgtopright
{
height:20px;
background-image:url(/data/bgtopright.gif);
width:18px;
overflow:hidden;
}
.bgbottomcenter
{
height:20px;
background-image:url(/data/bgbottomcenter.gif);
background-repeat:repeat-x;
}
.bgbottomleft
{
height:20px;
background-image:url(/data/bgbottomleft.gif);
width:18px;
overflow:hidden;
}
.bgbottomright
{
height:20px;
background-image:url(/data/bgbottomright.gif);
width:18px;
overflow:hidden;
}
.bgleft
{
background-image:url(/data/bgleft.gif);
background-repeat:repeat-y;
width:18px;
overflow:hidden;
}
.bgright
{
background-image:url(/data/bgright.gif);
background-repeat:repeat-y;
width:18px;
overflow:hidden;
}
In most browsers everything lines up right, but in chrome it looks like this: Any suggestions? Thanks for reading. Hi, As an xmas present, I recently made this site for my dad's art: I'm on a Mac, and thus can't use IE6/IE7. I'm told that there are major problems loading the site from any Windows IE browser (flash content in galleries, and the navigation on the splash page), but I haven't been able to check from a windows pc. However, it looks & works perfectly in Firefox, Safari (and even IE 5 for mac!). I don't quite understand, because another site I made recently uses identical navigation javascript & flash tools...but it works perfectly in IE. Am I just missing something really stupid here? Thank you kindly, CM. Dear all, May I have sulotion to solve my problem in: I have one of web page product_A.html. It have product information and the price. May I link with xls(price_list.xls) to update the product price with out edit the html each time? It is better with out .net/ php/ Java ..etc May I use html only to do that? product_A.html and price_list.xls save it web server do not support MYSQL / MSSQL current I need chage it each time: http://www.nova-etrade.com/allpmp.html Thank you very much. Hi there, I'm curious of how to code a fix display size of html files. If I were to set the size (when launching) as a monitor size 1024 x 768, which means users don't need to scroll up and down anymore. It will exactly fit into the screen. How should I go about doing it? Thanks and cheers........... 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. Hi guyz, i have a query Mouse over the datagrid cell display tooltip or panel to display information but only using HTML and CSS not using javascript. can anyone help me. because im gonna use it on htmleditor on c# desktop application thax before Hi! I'm new to creating websites and this forum. I recently created a website with a "mailto" form in Dreamweaver MX 2004. I have a fairly new laptop that came with Windows Vista and IE 7. When I go to display the form, you cannot scroll to the bottom of the form. The window just ends. However, if you display the form in Fire/Fox or an earlier version of IE you can scroll down to the end of the form. I searched the MS website FAQ's but there was noting listed for this particular issue. Does anyone know how to fix this? Or is there a script I can add to the form code for it to display properly in IE 7? Or is there a patch (assuming it is a IE 7 issue) available? Any help or insite to this problem would be most appreciated! Thanks, Sonja Hi, could somebody please explain to me why these pages look different in IE and firefox? http://www.vub.ac.be/ARCH/bachelor.html (something is terribly wrong with the layer "content" in IE) http://www.vub.ac.be/ARCH/ae-lab/home.html (the logo on the left is shifted down in IE) the layout in firefox is as i intended it to be!! thanks I am looking to do something, that seems a bit complex, because I cannot find anything similar online to use as an example. In simple terms: I am trying to show on a web page a display of YouTube content from a specific user, that will automatically update through the RSS feed showing the latest videos, and when a user clicks on the video, it plays on the same web page. I have found HALF of this, with a script called video box, however you need to manually enter the videos in yourself. I am looking for this to be an automatic thing and it seems that RSS is the best way to do that. If anyone has any suggestions please respond. What I want to do is put a 20% margin on each side of my website. I know that this can be done with a table: HTML Code: <table>
<tr>
<td style="width: 20%"></td>
<td style="width: 60%">
Content
</td>
<td style="width: 20%"></td>
</tr>
</table>
but I know that this is ill-advised. Is there an alternative to this, or is this the only way? Thanks. |
|||||||