HTML - Looks Good In Opera And Firefox, But Wrong In Ie

I just started working on creating a website but am having trouble with the navigation on the left hand side. Here is the site:

http://www.infinetwebsolutions.com/

The problem is when you go to the "Contact" page and the "About Us" pages the navigation buttons on the left hand side get moved around and don't stay put. I know the reason that it is getting moved around on those two pages alone are because the text is much longer on those two pages (in the right hand table). That text is in a separate table though, so I don't know why it has any impact to the table structure on the left.

I don't know if I'm providing enough info here to get any help, so please let me know if I need to give more.

Thanks in advance!

Here is some of the code if this helps:

Code:

<tr>
    <th height="55" valign="middle" scope="row"><a href="contact.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','Images/nav_bar/contact_selected.jpg',1)"><img src="Images/nav_bar/contact.jpg" name="Image13" width="137" height="41" border="0" id="Image13" /></a></th>
    <th width="24" valign="middle" scope="row">&nbsp;</th>
  </tr>
  <tr>
    <th height="53" valign="middle" scope="row"><a href="about.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','Images/nav_bar/about_us_selected.jpg',1)"><img src="Images/nav_bar/about_us.jpg" name="Image14" width="137" height="41" border="0" id="Image14" /></a></th>
    <th width="24" valign="middle" scope="row">&nbsp;</th>
  </tr>
  <tr>
    <th height="53" valign="middle" scope="row"><a href="clients.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','Images/nav_bar/clients_selected.jpg',1)"><img src="Images/nav_bar/clients.jpg" name="Image16" width="137" height="41" border="0" id="Image16" /></a></th>
    <th width="24" valign="middle" scope="row">&nbsp;</th>
  </tr>

Howdy everyone!

I'm a noob here and I'm at my wits end. The real problem here is that I know just enough to get myself into trouble, but no concept on how to dig myself out of it. The website I'm working on is he

http://www.psychological-warfare.com

My problem is that it looks OK in Explorer, but looks like a trainwreck in Firefox. It was designed by retrofitting a template I bought years ago, so it's like trying to decipher the amatuer translation of a Russian mad scientist's codex. I apologize in advance.

I've been moving DIV's back and forth for days and Explorer doesn't seem to care. Things just keep getting worse and worse in Firefox.

I think the main issue is that I have a left column and then the header that spans the middle and right columns. I can see how Firefox might hate that...

The next problem (and I'm hoping someone might have an idea on this): I used a modern header calling this whole mess XHTML. I know exactly squat about the differences between HTML and XHTML except that XHTML loves to have everything "/>"ed.

Would all of this work if the header called it transitional HTML and give myself a little leeway? What code should be at the top of my page?

Thanks everyone for the help. I wish I could buy everyone a beer!

My website is: www.gstteam.co.nr

My main problem is the Rosters. If I open the Rosters in IE7 it looks good but when I open it on Firefox it looks terrible, the images are all over the place and cant even see some of the text that I have under the images. I am using PageBreeze (Free Version). Can somebody please help me how I can fix the problem, I will greatly appreciate it. Thanks

Code:

<object height="50%" width="50%"
classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
<param name="AutoStart" value="1" />
<param name="FileName" value="http://localhost:8000" />
</object>

i am streaming music and i want to put it into a website. but i have no clue how to make it work with opera or firefox. the above code works perfectly with IE. so is there a special trick that i need to do?

So we have this old website that we're updating and in our updates we've found that the text will now run over the margins (into our pretty white space). We don't want it to pass the blue tab that says "Contact". Any ideas?

http://www.carlsonbldgservices.com

Also how can I remove the underline in "Click to Enter"?

hey guys,

i am working for a few hours on my website project (design part), but still don't get it work correctly.

This is what it should look like: http://www.jarisch.net/faz/img/4_5.png

And this is the current version: http://www.jarisch.net/faz

how can i prevent firefox and opera from making spaces between some images as well as from making spaces between the outer images and the borders (top and bottom)?

thanks a lot..

amoun

Ok, so i worked very hard for about 4 hours to make my page valid (click). Now, i worked out everything to work in firefox and safari and then installed opera and it looks fine in that, as well as in mobile safari (for iPod Touch). But, believe it or not, when i try it in IE, everything is completely messed up. I am extremely tired of me having to go the extra mile because the idiots behind IE dont know how to make a fricken browser.

Anyways, with the rant out of the way, can anyone help me fix this up? any tips or ideas on what is causing this?

http://Flysinger.com

thanks,
-ajp

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.

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>

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

I've made a lot of progress on my website:
Bands 4 Babes

but I'm still struggling with getting everything to look the same on all the different browsers.

Basically what I'm finding is:
Chrome and Safari (PC) - Displays exactly as I want it to
Firefox 3.5.2 (PC) - Displays properly except for the Home link in the purple bar is a few PX too far left and the --- above home is a line too high
Firefox and Safari on Mac - FF exhibit the same problem as above, but most fonts (sizes and faces) are off on the mac versions. This also throws off alignments of other stuff.
IE8 - Two solid lines on top and bottom of page are a few pixels too low which ruins the continuity of the box frame I created.

If somebody could take a look at my code and give me some thoughts on what the problem is I would really appreciate it.

Thanks.