HTML - Firefox Html Help

I'm utterly confused. Within my heavily "modded" phpBB2 forum, at the top is our Logo, which is a gif image of 800 x 150 in size. Always has been that size since last year (apart from a change in the logo itself).

Now, up to a couple of days ago, the Logo displayed correct ratio in ALL browsers. But for some extreme strange reason, the image is now reduced from 800 to 720 in Firefox!! None of the css has been altered, not the overall_header.tpl file, not has any configurations for the Firefox browser been messed about with either.

Section from overall_header.tpl file...

Code:

<table cellspacing="0" width="100%" id="forum">
<tr>
	<td class="forum-header" align="center"><a href="{U_INDEX}" title="{L_INDEX}"><img src="templates/ca_aphrodite/images/sblogoyg3.gif" width="800" height="150" alt="{L_INDEX}" /></a></td>
	<td class="forum-header header-search" align="right" valign="bottom">
	</td>
</tr>
<tr>

section from css....

Code:

/* header */
.forum-header {
	background: #F7F7F7 url(images/bg_logo.gif) top left repeat-x;
	padding: 0;
}

All the above does in places a line wih gradiant behind the logo. To get an overall idea, see my website: http://www.screwballscrabble.co.uk

Anyone got any ideas why Firefox is not displaying images at the original size? Any pointers would be extremely grateful!

Thanks.

Is there a good old fashion way (simple HTML) to make the bottom of my webpage content all meet evenly at the bottom? The problem is that the bottom of my webpage looks different in FireFox versus Internet Explorer. In Firefox, the bottom contents all meet evenly at the bottom. However, in Internet Explorer, the Center content looks shorter than the Left-Side and Right-Side Content, hence making it look uneven and jacked up...

I'm using .shtml and templates for the Left-Side and Right-Side of the Site.
The Center content is inside the index.shtml file.

Thanks so much in advance for your help.
I greatly greatly appreciate your help.

Hey all,

I'm having a bit of trouble applying the style keyword to get it to work in firefox. It works fine in internet explorer.

my code is:
<table style="position:absolute;left:220;top:155" >

as in it doesnt position the table in absolute, it still puts it UNDER any text rather than applying the position

any ideas as to why this isnt working in firefox? is there an equivelent I can use to position a table on the screen?

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!

In a website i'm designing, there is a slideshow I created, and instead of using flash I used Windows Media Player. For some reason the html border attribute on both the <embed> and <object> tags, when viewed in Firefox, do not work.

Page with border problems

here is the code, if you want it:

Code:

<center>
<object id="MediaPlayer" 
             width="800" 
             height="650" 
             classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" 
             standby="Loading Windows Media Player components..." 
             type="application/x-oleobject" 
             codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"
             title="Pete's Mountain Road Slideshow"
             border="3"> 

<param name="filename" value="http://www.petesmountainroad.com/PetesMountain.wmv" />
<param name="Showcontrols" value="True" />
<param name="autoStart" value="False" />
<param name="wmode" value="transparent" />

<embed type="application/x-mplayer2" src=http://www.petesmountainroad.com/PetesMountain.wmv" 
              name="MediaPlayer" 
              autoStart="False" 
              wmode="transparent" 
              width="800" 
              height="650"
              title="Pete's Mountain Road Slideshow"  />
</object>
<br />
<p class="main">If you do not have Windows Media Player, you can view the video by following 
<a class="Link" href="http://www.microsoft.com/windows/windowsmedia/player/11/default.aspx" target="_blank" title="Download Windows Media Player 11">this link</a> 
to download the program to your computer, then try to play it again.</p>
</center>
</body>
</html>

Can anyone help me figure our why the side menu is missing when I added HTML code. If I take the code away, the side menus appear. Thanks!
Here is the page http://www.tedskitchen.com/Side/Cate...r/Lo_Mein.html

Code:

<div id="container">
<div id="indexHtml1" style="position:absolute;left:430px;top:200px;width:700px;z-index:80">
<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Recipe">
   <font face="Arial" font size="1" color="#8B000">
   <h1 property="v:name">Chicken Lo Mein</h1></font><br><br><br>
<img src="/images/Lo_Mein2.jpg" style="position:absolute;top:80%;left:1%;margin:-83px 0px 0px -200px;" rel="v:photo" width="130" height="110" right="300"color="#8B000"/>  


<font face="Arial" font size="1px">
<div style="position:absolute;left:1px;top:38px;width:700px;z-index:60;>

<span property="v:summary">Boiled Chinese noodles, in a tangy sauce,</span><br/>
   <span property="v:summary">stri fried with Chinese vegetable.</span><br/><br/><br/>
<br/>
<br/>
<font face="Arial" font size="3px">
<div style="position:absolute;right:195px;width:700px;top:90;z-index:60>
By: <span property="v:author">Photo by: Suat Eman</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <span rel="v:Review">
      <span typeof="v:Review-aggregate">
         <span rel="v:rating">
            <span typeof="v:Rating">
               <span property="v:average">4.0</span> stars based on 
               <span property="v:count">35</span> reviews
            </span>
         </span>
      </span>
   </span> 
<br/>
<br/>
<font face="Arial" font size="2px">
<div right:200px;width:700px;z-index:60;>
 Prep time: <span property="v:prepTime" content="PT30M">30 min</span>&nbsp;&nbsp;
   Cook time: <span property="v:cookTime" content="PT1H">30 min</span>&nbsp;&nbsp;
   Total time: <span property="v:totalTime" content="PT1H30M">30 min</span>&nbsp;&nbsp;
   Servings: <span property="v:yield">6</span><br/> 

<br/>
<br/>
<br/>

<font face="Arial" font size="3px">
    <span rel="v:ingredient">
      <span typeof="v:Ingredient"> 
         <span property="v:amount">1/2 lb</span>:   
         <span property="v:name">Chinese noodles</span>
<br/> 
         <span property="v:amount">1/2 lb</span>:   
         <span property="v:name">Cooked chicken (chunked), shrimp or pork</span>  
<br/>   
         <span property="v:amount">1 bunch</span>:   
         <span property="v:name">fresh green scallions</span>     
<br/>   
         <span property="v:amount">1 knob</span>:   
         <span property="v:name"> fresh ginger</span>
<br/> 
         <span property="v:amount">3-4</span>:   
         <span property="v:name">cloves garlic</span>  
<br/>   
         <span property="v:amount">1 lb</span>:   
         <span property="v:name">bean sprouts</span>     
<br/>   
         <span property="v:amount">1/2 cup</span>:   
         <span property="v:name">pea pods</span>
<br/> 
         <span property="v:amount">1/2 cup</span>:   
         <span property="v:name">shredded Chinese cabbage</span>  
<br/>   
         <span property="v:amount">2 1/2 tablespoons</span>:   
         <span property="v:name">soy sauce</span>     
<br/>   
         <span property="v:amount">2 1/2 tablespoons</span>:   
         <span property="v:name">hosin sauce</span>
<br/> 
         <span property="v:amount">1 teaspoon</span>:   
         <span property="v:name">cornstarch</span>  
<br/>   
         <span property="v:amount">1/4 tablespoons</span>:   
         <span property="v:name">sea salt</span>     
<br/>   
         <span property="v:amount">3 tablespoons</span>:   
         <span property="v:name">peanut oil</span>
<br/>   
         <span property="v:amount">1 tablespoon</span>:   
         <span property="v:name">dry sherry</span>
     </span>
  
<br/> 
<br/> 
<br/>
<br/>
   <div property="v:instructions">
   1. Boil noodles according to package directions; rinse briefly under cold<br/>
        water and drain set aside.<br/> 
   2.Slice scallions lengthwise then into 1 inch longs pieces.<br/> 
       Wash and peel ginger, then grate using a fine grater.<br/> 
       Peel and finely mince garlic. Wash bean sprouts well in cold running water.<br/>  
   3.In a small bowl, combine soy and oyster sauce, salt and cornstarch.<br/>  
   4.Heat peanut oil in a large wok or skillet until sizzling hot.<br/>
       Add pork, onion and ginger, stirring constantly for 1 minute.<br/> 
       Add garlic, and sherry; stir in bean sprouts<br/>
      (and other vegetables and shrimp, if using) and soy sauce mixture.<br/>  
   5.Quickly stir in noodles and stir fry for 3 minutes<br/> 

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

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

Hi, I'm just learning html and I'm creating my website in Frontpage 2003. I looked in IE6 and my individual pages are exactly how I want them to look. However, viewing the same pages in Firefox presents me with a problem I'm not sure how to correct. It has to do with the center table. I originally copied and pasted the contents from Excel into the table (which I think was a mistake now). My workaround to this was copying and pasting the contents in the table into Notepad; and also shortening the length of each line; and then re-pasting the contents back into the table. It looks o.k. in Firefox but the alignment is no longer "justified". Can someone please tell me what I should be doing in the html code here? To see what I mean please open the link below in both IE and Firefox.
http://www.prosperityteachers.com/ne...ew_thought.htm
Much appreciated!

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?

i have written a simple html form code the problem is that this code is working fine when run in interner explorer, if i run in mozilla firefox form reset button work as submit button it show submit validation code when reset button press, can any one help me here is the code

<script type="text/javascript">

function validation()
{
alert("submit buton has pressed");
return true;

}

</script>
<body>

<form id="form1" name="form_feedback" method="post" onsubmit="return validation();">
<table width="488" border="0">
<!--DWLayoutTable-->

<tr>
<td width="85"><span>Name:</span></td>
<td width="393"><input name="txt_name" type="text" id="textfield2" size="35" /></td>
</tr>
<tr>
<td><span>Email:</span></td>
<td><input name="txt_email" type="text" id="textfield3" size="35" /></td>
</tr>
<tr>
<td><span>Address:</span></td>
<td height="0"><label>
<textarea name="txt_address" id="textarea" cols="45" rows="2"></textarea>
</label></td>
</tr>
<tr>
<td><span>Phone No:</span></td>
<td height="0"><input name="txt_phoneno" type="text" id="textfield4" size="20" onkeypress="return numeralsOnly(event)" /></td>
</tr>
<tr>
<td><span>Comments For:</span></td>
<td height="0"><input name="txt_commentsfor" type="text" id="textfield5" size="20" /></td>
</tr>
<tr>
<td><span>Comments:</span></td>
<td height="0"><label>
<textarea name="txt_comments" id="textarea2" cols="45" rows="5"></textarea>
</label></td>
</tr>
<tr>

<td height="0"><label>
<input type="submit" name="btn_submit" value="Submit"/>
<input type="reset" value="Reset" name="btn_reset"/>

&nbsp;&nbsp;</label></td>
</tr>
</table>
</form>

</body>

Hello there,

My index page validates completely since I tidied it up using html tidy, but when i run it through browsershots it is still completely broken in firefox, opera, etc. basically anything other than MSIE it displays incorrectly.

If anyone could shed any potential light on the situation it would be greatly appreciated. As you can no doubt tell, I'm no expert on creating web pages using html and css and if a page validates but still doesn't work I can't even begin to try and work out what is going on

I did run my css through a validator and it came up with 30 or so instances of the same error, I hadn't ended a dimension value with px, i had just left the number, could this be the culprit? I have since corrected my style sheet so that it validates completely but I cannot upload from my FTP on the PC i'm currently using to see if it affects the browsershots results.

I just wanted to put it out there and see what the ideas were of people who know a lot more about website building than I do.

Bottom line: if i have an html page and a css page that validate 100% using the w3c standard is it guaranteed to work in all browsers, or are there quirky little things I need to be aware of when wanting my site to display correctly in less popular browsers such as safari etc.?

Any feedback is greatly appreciated. :-)

Sincere thanks in advance,



Alex


Browser screenshots - http://browsershots.org/http://www.alexhaines.co.uk/

HTML Validity results - http://validator.w3.org/check?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Findex.html&charset=%28detect+automatically%29&doctype= Inline&group=0

CSS Validity results - http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Fstyle.css&profile=css21&usermedium=all&warning=1&l ang=en

My site - http://www.alexhaines.co.uk

Hi,

I have to display the results in 20 columns, in that 14 columns are frozen, rest of them are scrollable, when I give table widht in % then scrollbar presents to view the data in Firefox. If I see the same in IE, it doesnt show all the data, and there is no scrollbar.

If I give the table width in px form then to some extent I am able to see the scrollbar in IE, and minimum pixel I had to give is 3000 and above.

Is there any common solution to me to fix this so that I can see same both the browsers.

We would like to have solution, width in % not in px.

Please let me know the solution for this.

I have attached the zip file for your reference to see the code, please run in IE and Firefox and check it.

Advanced thanks,
Venkat

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

EDIT; Thanks For Not Helping!!!