|
HTML - Baffled By Difference In Firefox And Ie6 - Is My Html Wrong?
Hi,
I just changed some content in the middle of a oscommerce php page that I have been working with for a couple of years. I frequently add or change content in a table in this page. http://www.leavemeb.com/index.php Today, I added new stuff, pics, etc and used percentages in the tables to space things out well and so that when someone expands or condenses the browser window, the content adjusts accordingly. Now, in IE it shows up perfectly, yet in firefox on my mac it is very spaced out and can't even fit the whole page across without me having to scroll to the right to see the right collumn. Can anyone help me see what is not working here? I would be very grateful. I can't seem to see it. Nichole Similar TutorialsI need some help. There are some differences when viewing the page below in Firefox and IE. I want the user to see the Firefox version. To be more specific, I would like the IE version to show the following: -I do not want the grayish bar below the header -I want the subheading "Alphabet Flash Cards" to be centered with the images -I want the search box to be aligned right at the top below the header. I would like the page below to appear as it does in Firefox when viewing it in other browsers. Thanks for your help! http://www.havefunteaching.com/flashcards/alphabet-flash-cards.html text-decoration: none; } .style26 {color: #000000} .style28 {color: #000000; font-weight: bold; } .style29 { color: #FFFFFF; font-size: 24px; font-family: "Futura Md BT"; } .style30 { font-size: 15px } .style31 { font-size: 30px } --> </style> <script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head><div align="center"> <table width="970" border="0" cellpadding="0" cellspacing="0" background="../HaveFunHeaderImages/rep_1.jpg" bgcolor="#E6EBF1" style="background-image:url(http://wwww.havefunteaching.com/HaveFunHeaderImages/rep_1.jpg); background-position:top; background-repeat:repeat-x"> <tr align="left" valign="top"> <td width="411" height="150" nowrap background="../HaveFunHeaderImages/rep_1.jpg"><div class="style29" style="padding-left:20px; padding-top:1px"> <p align="center" class="style31">Have Fun Teaching</p> <blockquote> <p align="center" class="style30">The Ultimate Teacher Resource!</p> </blockquote> </div></td> <td width="101" background="../HaveFunHeaderImages/rep_1.jpg"><div align="right"><a href="iframe_0.html" target="cont"><img alt="" src="../images/HaveFunHeader/home.png" width="100" height="133" border="0"></a></div></td> <td width="101" background="../HaveFunHeaderImages/rep_1.jpg"><div align="right"><a href="iframe_1.html" target="cont"><img alt="" src="../images/HaveFunHeader/worksheets.png" width="100" height="133" border="0"></a></div></td> <td width="101" background="../HaveFunHeaderImages/rep_1.jpg"><div align="right"><a href="iframe_2.html" target="cont"><img alt="" src="../images/HaveFunHeader/songsandvideos.png" width="100" height="133" border="0"></a></div></td> <td width="101" background="../HaveFunHeaderImages/rep_1.jpg"><div align="right"><a href="iframe_3.html" target="cont"><img alt="" src="../images/HaveFunHeader/funactivitiesandgames.png" width="100" height="133" border="0"></a></div></td> <td width="101" background="../HaveFunHeaderImages/rep_1.jpg"><div align="right"><a href="iframe_4.html" target="cont"><img alt="" src="../images/HaveFunHeader/teacherresources.png" width="100" height="133" border="0"></a></div></td> <td width="54" background="../HaveFunHeaderImages/rep_1.jpg"> </td> </tr> </table> </div> http://www.sandmanmedia.net/sandman_...anmedia_7.html When viewed in firefox, the 3 menu elements do not stay on the same line (services is bumped to the bottom). It is correct in Internet Explorer, and all 3 buttons are next to one another. Each button is 110px. The td width is set to 330px and set to bottom. http://pizzarific.net84.net/ - please visit my website that i am developing for our php website. i have not yet embedded any php scripts there. please try to view the "pizza and food" both in firefox and IE7. how can resolve IE weird table width. Please help me. if you want i can give you my website files. thank you very much Hi. What officially is supposed to be the difference between th "id" and "name" attribute according to HTML?? I know Javascript and CSS make a distinction between the two but as far as I can see the 4.01 spec makes no attempt to explain the difference, explanations of both seem like they do the same thing: both are supposed to be global unique, the spec even says they "share the same name-space" implying collisions implying they do the same thing. But I know name is not a valid attribute to alot of elements. Is it historical? What is the Difference between HTML and XHTML?I guess the code used in both of the languages is the same. Can any one tell me that what is the basic difference between html and xhtml? Hello all, Was wondering if you could help me please. Does anyone know if there is a way to fix this? First thing, the banners at the top are disjointed on the homepage only. Secondly, the Home link doesn't work on other pages. Finally, the margin on the right hand side does not exist. Many thanks mc_blue hello all im new to the forums and new to webpage design most of what ive got below is goign through w3schools webpage and just nutting things out in dreamweaver i like how i can click and drag the dvs so i can place them anywhere on the page i wouldnt mind having the links in a neater style but im not sure what to do with them if you would liek a screenshot of the page im happy to upload one. i am trying to make a website and when i load the page up in firefox and click anywhere other then the linked buttons it selects all the page but in I.E it dosnt do that and if there any hints and tips to make my page work better that worl be cool 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=iso-8859-1" />
<title>Web Design</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:171px;
top:33px;
width:564px;
height:86px;
z-index:1;
}
#Layer2 {
position:absolute;
left:9px;
top:314px;
width:208px;
height:36px;
z-index:2;
}
#Layer3 {
position:absolute;
left:10px;
top:374px;
width:206px;
height:29px;
z-index:3;
}
#Layer4 {
position:absolute;
left:10px;
top:431px;
width:205px;
height:35px;
z-index:4;
}
#Layer5 {
position:absolute;
left:11px;
top:486px;
width:204px;
height:35px;
z-index:5;
}
#Layer6 {
position:absolute;
left:5px;
top:270px;
width:204px;
height:33px;
z-index:6;
}
#Layer7 {
position:absolute;
left:295px;
top:268px;
width:321px;
height:67px;
z-index:6;
}
#Layer8 {
position:absolute;
left:407px;
top:330px;
width:200px;
height:58px;
z-index:6;
}
#Layer9 {
position:absolute;
left:14px;
top:649px;
width:204px;
height:35px;
z-index:5;
}
#Layer10 {
position:absolute;
left:11px;
top:539px;
width:204px;
height:35px;
z-index:5;
}
#Layer11 {
position:absolute;
left:12px;
top:593px;
width:204px;
height:35px;
z-index:5;
}
#Layer12 {
position:absolute;
left:14px;
top:700px;
width:204px;
height:35px;
z-index:5;
}
#Layer13 {
position:absolute;
left:471px;
top:739px;
width:204px;
height:35px;
z-index:5;
}
.style2 {color: #FFFFFF}
-->
</style>
</head>
<body bgcolor="#171509" background="" no-repeat;>
<table width="90%" height="770" border="2" cellpadding="0" cellspacing="0" bordercolor="#" bgcolor="#0110" background="Pictures/Background/BackgroundMozzieIt.gif" align="center">
<tr>
<td align="center"><div id="Layer1"><img src="Pictures/Banner/Mozzie Logo.gif" width="584" height="118" /></div>
<div id="Layer2"><a href="main.html"><img src="Pictures/Buttons/Home Button.gif" width="207" height="33" border="0" /></a></div>
<div id="Layer3"><a href="ourproducts.html"><img src="Pictures/Buttons/Products button.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer4"><a href="contactus.html"><img src="Pictures/Buttons/contact us button.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer5"><a href="aboutus.html"><img src="Pictures/Buttons/about us button.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer9"><a href="webdesign.html"><img src="Pictures/Buttons/web design button.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer10"><a href="mozzieclub.html"><img src="Pictures/Buttons/mozzie club button.gif" width="207" height="33" border="0" /> </a></div>
<div id="Layer11"><a href="consulting.html"><img src="Pictures/Buttons/consulting.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer12"><a href="specials.html"><img src="Pictures/Buttons/specials button.gif" width="207" height="33" border="0" />
<a></div>
</tr>
<div class="style2" id="Layer8">
<p>hi there
</p>
</div>
</body>
</html>
i have put the css code in the webpage is this recomended ? i couldnt get the page to work with a style.css page im not sure what i done wrong Thanks in advance Hey I am wondering if someone can help me with a little problem, in Firefox my site http://www.fifesouthernrfc.com/1stxv_profiles.html, displays incorrectly.# It should be 2 columns of profiles split into 2 sections by a header. However the second header does not do this, but instead, pushes my 2 columns apart and splits the header in 2. Thanks for looking. Could anyone please help me? I created a login form. And when it is alone on a web page it displays properly in all browsers: IE , Opera and Firefox: http://www.gpftt.com/a/html/ But when I insert it into a html template it remains good in IE but becomes wrong in Opera and Firefox: http://www.gpftt.com/a/html/ind.html I have tried everything I could - html and css editing. I removed all styles from the web page but it still remains wrong. I spent a whole day over it and still couldn't get it working. Can anybody tell me wtf??? I don't know how to even debug this because it works in firefox but not IE. I display a table and use PHP script to populate the table. In explorer, the "fellow" value gets SKIPPED and then the next value ("rcf_date") gets put into that td, so everything gets screwed up! Looking at the code I can't figure out what it is about it that explorer doesn't like. Why on earth would it skip the fellow field? Here;s the php code that displays the table: Here's a link to a screenshot of the table in IE: http://bp1.blogger.com/_cy0zia_bU_s/...screenshot.png Here is the code to display that table. Any help would be appreciated: Code: <?php require('secure.php');
include "dateheader.php";
include "connectdb.php"; ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Active consult patient list</title>
<link href="stylesheets/simple.css" rel="stylesheet" type="text/css">
</head>
<?php
$query = "SELECT id_incr, patient_name, mrn, location, fellow, rcf_date, admission, consult_reason, impression, recs, comments ".
"FROM active_consults WHERE signoff_status = 'a' ".
"ORDER BY patient_name";
$results = mysql_query ($query) or die (mysql_error());
$num_pts = mysql_num_rows ($results);
$consultheading =<<<EOD
<table class="tablemargin" bgcolor="#CCCCFF" width = "98%" border = "1" cellpadding = "2"
cellspacing = "2" align = "left">
<th> Name </th>
<th> MRN </th>
<th> Loc </th>
<th> Fellow </th>
<th> Date of Consult</th>
<th> Reason for Admssion </th>
<th> Reason for Consult </th>
<th> Impression </th>
<th> Recs </th>
<th> Comments </th>
<th> Update patient </th>
</tr>
EOD;
echo $consultheading;
while ($row = mysql_fetch_assoc ($results)) {
?>
<tr>
<td bgcolor="#FFFFFF" >
<?php echo $row['patient_name'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['mrn'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['location'];?> </td>
<td bgcolor="#FFFFFF" ">
<?php echo $row['fellow'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['rcf_date'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['admission'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['consult_reason'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['impression'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['recs'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['comments'];?> </td>
<td bgcolor="#FFFFFF" align="center">
<a href="editpatient.php?action=edit&id=<?php
echo $row['id_incr']; ?>">[edit]</a> </td>
</tr>
<?php
}
?>
<td bgcolor="#CCCCCC" colspan=11 align="left" class="fineprint"> Total active patients:
<?php echo $num_pts; ?></td></tr>
<td></td>
<tr>
</tr>
<tr><td align="center"><a href="newpatient.php">[ADD PATIENT]</a></td>
<td align="center" COLSPAN=4><a href="displaysignoff.php">[DISPLAY SIGNED-OFF LIST]</a></td>
<td align="center" colspan=3><a href="export.php">[EXPORT ALL PATIENTS (EXCEL)]</a></td>
<td colspan=3 align="right"><a href="http://www.hfhpulm.com">[HFHPULM.COM]</a></td>
</tr></table>
Hello, everybody! I have a problem. This page: http://friends21.com/index.php/publi.../name_joecool/ displays properly in Opera and Firefox, but wrong in IE. I mean in IE for some reason header and footer are aligned left, while in Opera and Firefox it stays centered as it must be. On this site users are allowed to use html code for their profiles (like for example myspace templates). So this user inserted some code that moves headers to the left. (compare with other users: http://friends21.com/index.php/publi...name_drewness/ http://friends21.com/index.php/publi...administrator/) But I couldn't find what exactly in that code moves header/footer to the left and why it does so only in IE but not in Opera and Firefox. Anybody knows? Your help is very much appreciated. Thank you all in advance. Hey, I am currently working on a new skin for my vBulletin forums but having spent an eternity working on the new skin I am having a nightmare with the header. This is the code I am using; Code: <tr> <td bgcolor="#FFFFFF"> <img src="imageoneurl.jpg" border="0"> <!-- breadcrumb, login, pm info --> <table style="background-image:url(imagetwourl.jpg); background-color:#8bcaf3; background-position:right; background-repeat:no-repeat;"> <tr> The above code is what I am currently using, and it works a treat on my computer ; Firefox 3.0 windowed @ 1280x1024: However, when at different resolutions this happens; Firefox 3.0 full-screen in Vista @ 1280x1024: Firefox 3.0 windowed @ 1280x1024 Bit desperate now, spent hours trying to find a solution. Any opinions and suggestions would be greatly appreciated. Hello! I'm completely self taught and sometimes I get things wrong. I'm having problems with the html. The site looks bigger and some of the sizes (scroll bar) aren't right in Internet Explorer - I was wondering if anyone could tell me what the problem is or even suggest another way to work it out.. Here's the link: http://www.shortdoggkennels.com/brooklynsedge/home.html And here's a direct link to the CSS: http://www.shortdoggkennels.com/brooklynsedge/style.css Thanks in advance! I know I'm really new to this, but I'm following a guide and I don't seem to be doing something right. Let me show you an example of some code that won't work for me.. <h1 style="color:#09C" align="center" style="border:dashed"> Hello</h1> ^This is what I'm having problems with. When I first put in the color and align, everything worked fine. Then the code stopped working when I started putting on a border, a font style, and etc... Why is it that when I start setting multiple preferences (color, size, center,etc..) , the code stops working? Thanks in advance. Oh Btw, I'm using Dreamweaver if that matters. Hi, I need a favor. Can one of you go here http://www.everyman2.com/test.html I do a webcomic, and for some reason the image won't center in the maroon box. I don't know much (or anything) of html so it really doesn't make much sense to me. Can someone go and view the source? Thanks a million! Hi All, I recently started building my own webshop with dreamweaver. My knowledge when I started 2 weeks ago was totally non existent so have had to teach myself as I've gone along. I put my first (index) page on my server and have now noticed a few problems - My screen has to be scrolled across to see the entire page on my other computer but is ok and fits the screen on the computer I am making the site on and the javascript I put in my page doesn't show up. My dad advised I use an online html checker which showed 7 faults and said I had another 20 that it didn't list. I tried to understand and correct as it suggested but really don't understand a lot of it at all. It's disheartening me so much I feel like I could just quit it but I really have worked hard at it so far and would love to get it working. Is it possible for someone to checked the source of my page and tell me where I'm going wrong? Or does someone know where I can get it checked and rectified? I know its asking a lot but I can't think who else to turn to for help. My site is www.create-a-blind.co.uk Thanks for reading, Debby. Hi guys Im new to HTML (relatively) and would greatly apreciate some input or ideas as to what im doing wrong. I have recently created a website using a CMS (i know you shouldnt but i am learning HTML and will soon be ditching the CMS) and therefore have no control over the CSS One of the things i am doing on my site is to show artists work off to the world. Therefore they give me the images and i have little to no control over their appearence. To protect the images i have decided to make the actual art the background of a table and to put a blank image infront of it. However i have come across a problem. The picture doesnt seem to be showing as the size i am putting into it. If you go to http://www.dragonstouch.co.uk/page22.htm you will see what i mean. The code i am using for the top picture is: <table cellspacing="0" cellpadding="0" width="520" border="0"> <tbody> <tr> <td width="520" background="http://www.dragonstouch.co.uk/userimages/OakdragonCR2.jpg" height="377" < td alt=""> <div align="center"> <div align="center"><img style="width: 520px; height: 377px" height="377" alt="Oak Dragon" src="http://www.dragonstouch.co.uk/userimages/Blank(1).gif" width="520" border="0" /></div> </div> </td> </tr> </tbody> <p align="center"></p> </table> Now as far as i can see i have set the height as 377 and the width as 520. When i rightclick and go to the blank images properties it shows as the height being 377 but the width as 540. I really have tried everything i can think of and nothing seems to help. Any ideas would be greatly apreciated. However due to recent experiences i would also make a couple of requests. I am trying very hard to learn HTML and i already know that the majority of you if not all of you have a far superior understanding of it than i do. I say this because the forums i went to before this one were very argumentative and tended to talk to me as if i were a moron. 2ndly i am aware that there is no foolproof way of protecting images. I say this because as before when i posed this question to a previous forum they just insisted i shouldnt do it and that images shouldnt be put on the net and would not help me. I dont mean to be rude or anything like that i just found my previous experience with the html experts very frustrating and therefore i just want to state that i am asking for help, not grief. I hope this doesnt put you off helping me. Thanks all in advance. Dariune (Lex) Hello everyone. I would appreciate it if someone would spend a second of their valuable time to answer my simple question. What is wrong with the following html code: <html> <head> <title>Testing</title> </head> <body> <div id="whitefont" style="font-color:white;background-color:black;">hello</div> </body> </html> ? |
|||||||