|
HTML - Ie And Firefox Missing Form Issue
Hi, i'm only a novice webdesigner but i'm having major problems with my page at www.lunatreejewellery.co.uk/emu.html
It looks as it should in IE7, but firefox chops off the bottom of my form and the tree logo on the lefthand column will not position itself correctly. I've had the problem of the logo on other pages not being where it should be in firefox, but i can live with that as half my second column content never disappeared! Any help would be greatly appreciated. Thank You in advance! Similar TutorialsCan 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>
<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>
Cook time: <span property="v:cookTime" content="PT1H">30 min</span>
Total time: <span property="v:totalTime" content="PT1H30M">30 min</span>
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>
This seems to be an oddity these days, but I have a problem with my website in Firefox though it works just fine in IE (6 or 7). The website displays correctly, but my form fields will not allow any text to be put in them. The weird thing is I have another website that uses the same formatting for the text fields and they work fine... Code for the form that works in IE and not Firefox is as follows: <div align="right"> <form method="post" action="test/login.asp" name="LoginForm"> <input name="action" value="login" type="hidden" /> <table> <tr> <td><label>Username:</label></td><td><input name="UserName" /></td> </tr> <tr> <td><label>Password:</label></td><td><input name="Password" type="password" /></td> </tr> </table> <button name="LoginBtn">Login</button><br /> </form> </div> Code for the form that works in both is as follows: <div id="layer3"> <h2>Client Login Form</h2> <form method="post" action="users/login.asp" name="Login"> <table> <tr> <td><label>Username:</label></td><td><input name="UserName" /></td> </tr> <tr> <td><label>Password:</label></td><td><input name="Password" type="password" /></td> </tr> </table> <button name="LoginBtn">Login</button><br /> </form> </div> Both forms are inside <div> tags, both are on pages that use frames. Let me know if there's something I'm missing... Chris http://vedaherbalhealth.com/ below header the sidebar text is not clickable in Firefox but working fine in IE. Can any one help me please. thanks K I have designed this HTML home page with a table and it is coming up different in IE8 and Firefox but comes in fine with Safari and Chrome. The navigation area labeled "testing" in navy blue should have a width that reaches from each side. When opening in IE8 or Firefox, it comes up short and I cannot figure this out. Can someone look at this simple code and tell me what I am doing wrong? Thanks, Tim http://www.clickgraphicsonline.com/p...ar/index3.html Dear All, As someone relatively novice in html I am currently redesigning my website and have got it to look exactly how I want it in Firefox. However, it does not display properly in IE. The url in question is www.adamwestmagic.com/home.php. The differences to note are the top right images of the 'heart' and bottom left images of the 'spade' show a small gap below them - I believe this is something to do with the 'overflow' option and have tried adding in a 'style' command to counter this but with no luck, and am not well versed in CSS to do it via that (yet). EDIT: This has been fixed - I was following standard coding procedure of indenting to aid reading, so was indenting my <tr><td> tags. Removing tabs (removing whitespace) around the <img> tags fixed the problem. Thank you IE! Another obvious discrepancy is the left hand 'gradient' image - IE seems to have rotated it by 90 degrees for no apparent reason. EDIT: This is now also fixed, by changing the 38 x 1 pixel png image for a jpg which magically remedied it. God knows why. This is turning into a bit of a soliloquy! The final, and perhaps more substantial difference is that IE does not dynamically resize the page, whereas Firefox does. I know this is perhaps unconventional in not picking a size for the page and leaving left and right space for higher resolutions, but I do not like that look on large screens. I have changed to a black background for the purpose of debugging - it would be very difficult to see the gradient images etc. with the standard grey/white background. Interestingly these issues vary compared to another computer. I am running XP and IE 7 and see the error with the gradient image, but resizing happens fine. Another computer (laptop) running Vista and IE 7 doesn't seem to have the gradient image problem, but does not resize properly. I am thoroughly confused! Any help is gratefully received, thank you. Adam Hi, I'm having an issue with Firefox. I create the page graphics in Photoshop CS4 and slice it up. Then save the html and images into Dreamweaver where I add rollovers and a video clip. It looks perfect in IE and Chrome... But lines go across the screen in Firefox near the video. Why does Firefox do this? And is there a way to fix it without ruining how it looks in IE and Chrome? The site has been up for a year now and nobody has said anything or complains, but it drives me crazy and it does this whenever I try to make a new site this way with a video on it. I used Firebug, and when I change a <tr> value it fixes that area and makes another area look even worse. How can this be fixed? Thanks! Hi, i am new to this forum and would really like to congratulate all of the administrators and people keeping up this very good work. I am trying to make a nested table in HTML, however i have some display issues. In Firefox, all the images and tables display well, however in IE, the bottom part (bootom image) does not display at all. The page link is http://www.carmelgcauchi.com/site/TE...R%20KOTBA.html There is also onother page wherby Firefox displays all the page correctly, while IE omits part of the table. The link is http://www.carmelgcauchi.com/site/dwari.html all help would be really appreciated. regards My new website MoveBR.com isn't rendering correctly in Firefox, but it seems to be working fine in IE. Specifically the picture on the left is messing up the footer. Just the page I've linked to though...it's a test page to get this working on others. It seems to do this whether the picture is inside the content or in its own div. And if anyone is using Safari, I'd appreciate it if you could tell me how it looks there too. I've just come to do my new site, but for some reason I can't get the site to display properly in Firefox 2.0.0.1. The images aren't working properly, the banner image I have put in place works fine in IE, displays in Opera (I'm still working on the layout), but won't display at all in Firefox. If I use the developer toolbar on my page, it reports as a broken image, but I click the link and the image displays. The alt text appears in my layout, which is more confusing. But I can't find a solution for this. It's nothing to do with the markup, I've tried displaying the image in a completely blank page, still nothing. I have a U3 drive, it has Firefox 1.5 loaded on it, the image displays fine in there. Any ideas? http://www.hypersonicscream.com - Can anyone let me know if it's a problem with my copy of Firefox? ok, i have honestly been trying to get this fixed for days but i do not know what else to try. i need help trying to get the following head code to look the same in ff and ie. ff displays it correctly (of course), but ie seems to be off. the header leans towards the left and everything is uneven. i don't know if it's because something is not a percentage, or if i have too many percentages defined. here's the code: Code: <!-- Header Starts -->
<tr>
<td colspan="4" height="129px" width="35%" background="images/layout_dellanodefense_01.png" style="vertical-align:text-top;"><div class="style1" style="padding-left:25px; padding-top:10px;"><a href="https://dellanodefense.com/help.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54"class="whitelink">Help</a></div>
</td>
<td colspan="2" width="30%" height="129px" background="images/layout_dellanodefense_01.png"><center><a href="https://dellanodefense.com/index.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54" alt="Pepper spray, batons, stun guns, security equipment, and more. Dellano Defense is your #1 choice for self-defense and safety products!" width="329" height="129" border="0"><img src="images/layout_dellanodefense_02.png" border="0" alt="" width="329" height="129"></a></center>
</td>
<td colspan="4" height="129px" width="35%" background="images/layout_dellanodefense_01.png" align="center" class="style3">
<p><strong>1 (800) 555-5555</strong><br>
<span class="style4">M-F 9am-6pm EST</span> </p>
</td></td>
</tr>
<!-- Menu Nav //-->
<tr>
<td colspan="4" rowspan="2" height="63" width="35%"><div align="center">
<table width="100%" height="44" border="0">
<tr>
<td width="25%"><div align="center"><a href="https://dellanodefense.com/index.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54"><img src="images/home_icon.jpg" border="0" alt="" width="35" height="35"></a></div></td>
<td width="25%"><div align="center"><a href="https://dellanodefense.com/products_new.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54"><img src="images/new_icon.jpg" border="0" alt="" width="35" height="35"></a></div></td>
<td width="25%"><div align="center"><a href="https://dellanodefense.com/specials.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54"><img src="images/sale_icon.jpg" border="0" alt="" width="35" height="35"></a></div></td>
<td width="25%"><div align="center"><a href="https://dellanodefense.com/charity.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54"><img src="images/charity_icon.jpg" border="0" alt="" width="35" height="35"></a></div></td>
</tr>
<tr>
<td class="style2" width="25%"><div align="center"><a href="https://dellanodefense.com/index.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54" class="menuicon">Home</a></div></td>
<td class="style2" width="25%"><div align="center"><a href="https://dellanodefense.com/products_new.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54" class="menuicon">New Stuff</a></div></td>
<td class="style2" width="25%"><div align="center"><a href="https://dellanodefense.com/specials.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54" class="menuicon">Specials</a></div></td>
<td class="style2" width="25%"><div align="center"><a href="https://dellanodefense.com/charity.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54" class="menuicon">Charity</a></div></td>
</tr>
</table>
</div></td><!-- Search Box -->
<td height="44" colspan="2" width="30%" style="background-image:url(images/layout_dellanodefense_08.png); background-repeat:no-repeat; background-position:center;">
<div align="center" style="padding-bottom:10px;">
<form name="quick_find" method="get" action="advanced_search_result.php">
<input type="text" name="keywords" style="width:200; height:22.5px; font-size:12px; vertical-align:text-top;">
<input type="hidden" name="search_in_description" value="1">
<input type="image" src="images/search_button.gif" name="Submit" value="Search" style="vertical-align:text-top;"></form>
</div>
</td> <!-- End Search Box //-->
<td colspan="4" rowspan="2" height="63" width="35%"><div align="center">
<table width="100%" height="44" border="0">
<tr>
<td width="25%"><div align="center"><a href="https://dellanodefense.com/live_chat.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54"><img src="images/livechat_icon.jpg" border="0" alt="" width="35" height="35"></a></div></td>
<td width="25%"><div align="center"><a href="https://dellanodefense.com/account.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54"><img src="images/myaccount_icon.jpg" border="0" alt="" width="35" height="35"></a></div></td>
<td width="25%"><div align="center"><a href="https://dellanodefense.com/shopping_cart.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54"><img src="images/shoppingcart_icon.jpg" border="0" alt="" width="35" height="35"></a></div></td>
<td width="25%"><div align="center"><a href="https://dellanodefense.com/checkout_process.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54"><img src="images/checkout_icon.jpg" border="0" alt="" width="35" height="35"></a></div></td>
</tr>
<tr>
<td class="style2" width="25%"><div align="center"><a href="https://dellanodefense.com/live_chat.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54" class="menuicon">Live Chat</a></div></td>
<td class="style2" width="25%"><div align="center"><a href="https://dellanodefense.com/account.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54" class="menuicon">Account</a></div></td>
<td class="style2" width="25%"><div align="center"><a href="https://dellanodefense.com/shopping_cart.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54" class="menuicon">Cart</a></div></td>
<td class="style2" width="25%"><div align="center"><a href="https://dellanodefense.com/checkout_process.php?osCsid=25hbnnr4u1h4fb7hkn37h4bd54" class="menuicon">Checkout</a></div></td>
</tr>
</table>
</div></td></tr>
<tr>
<td height="19" colspan="2" width="30%"><div align="center"><marquee width="80%" class="style2">... </marquee>
</div></td>
</tr>
<!-- Header End //-->
Please help!!! ~ riCh I can not seem to figure this issue out. I know certain browers render different ... for IE FF uses alt tags and IE title tags... (I think thats right) but this issue seems weird there is a shadow around my List in IE but not in Firefox and the first line is broken to a second line in Internet explorer take a look This might not even be fixable, Thx! M N00b here, brought forth out of desperation and the fact that none of my coder-friends have a clue whats causing this. Currently coding my first website ( by hand in notepad. Awesome learning... thinger ... not so great on the troubleshooting.) So- can anyone help me fix why this site looks fine on IE, but the BG doesn't quite align in firefox? Would be MUCHLY appreciated! I am having a problem with content being misaligned in Firefox. If you look at the page in IE it looks fine. But several elements are misaligned in Firefox. If you look at the site www.displaypoints.com/promotions (currently displaying as http://69.89.31.104/~displayp/promotions.html) in IE and then Firefox you can see the issue. This is happening on several pages including this one so I'm sure it's a coding issue but I can't figure it out. Any help would be appreciated. http://www.mohler.cz/radim/segeta/al...lkodlaci6.html Hi all I have encountred problem while using transparent swf on site I am developing.. The problem is only with firefox...when I try to click the link it starts to blink and is unclicable...well I figured out that when I place a small picture just below that div containing my swf it works correct.... well, well, but the other problem emerges when I would like to use second swf with transparency at the bottom .....well I would like to scroll the content like the entire page not an iframe or whatever , but I cant place there this workaround because it 1, doesnt work when its in a div 2, without div it is just an element and the iframe where I load my content aligns beneath it so it is off the screen.... Is there a problem using the background the way I do ?? Does also anyone know how to get rid of that flickering in firefox when I scroll content with images for example in "fotogalerie " ???? Fixed it on my own. Sorry about the post. Mods: Please delete this :] Hi All, I am brand new to the forums. If you go to my site: www.wachusettchess.org using IE it will look fine. If you view the site using either Firefox or Safari, it's a mess with lots of overlapping text and boxes. Can anyone help me determine what the Firefox/Safari problem is? Thanks in advance. Dave Couture This is my site: http://theodyssey.in/thedeck/gallery.html How come, when i open it in IE 6+ the whole layout is fine. But when I try and view the site in Firefox, the whole content of the page is shifted down? I don't know what is going on. Any help appreciated in advance, Thanks, Akshay Hi Guys, I was hoping you could perhaps help me with a little issue, this has been bugging me for quite a few hours and I'm entirely at a loss of how to deal with it. (I'm not new at the forums, I just can't remember my previous username " Basically the following page - http://www.citybeat.co.uk/breakfast/index.php The header is displaying fine and everything looks dandy in Firefox, open in Internet Explorer however, well, as usual - that's an entirely different story. The top is in HTML not CSS so source code is viewable, you'll see the in internet explorer the image that should be on the left has centered and the background colour has dissappeared.. I'm really hoping someone can help before I lose the will! Thanks, Andy Hi, and thanks in advance for any help. I'm new to the forum, and new to website building (though, as you will see, I can hardly even call it website building). I started building a site on google sites, and I'm having a strange issue in firefox. Here is the site: https://sites.google.com/a/absoluteinhouse.com/home/ The page works as I would like it to in Chrome and IE, but the dropdown menu doesn't appear in Firefox. The services tab should have a dropdown menue, but it never appears in Firefox. However, when you click to view that iframe in a new window, the dropdown works fine in firefox. So, that's why i think it's an issue with the iframe. I've checked the z-index, and that seems to be set fine (though I'm not too familiar with it, so I could be wrong) For those not familiar with google sites, you can't just paste in any code, but you can do almost anything through an xml file that functions through an iframe (i think that's the right terminology) To see the actual gadget, go to http://code.google.com/apis/gadgets/...cy/gs.html#GGE and and open this gadget from url: http://hosting.gmodules.com/ig/gadge...dropdown39.xml Any ideas on how to fix this? I know this is a strange way to get this result, but I like how it looks, and it was fairly easy - but, any other suggestions would be greatly appreciated Help!!!! I have been looking at this for almost 6 hours and I still can't explain why my horizontal menu wrapped using Firefox and not IE. I have firefox 3 installed and some of the categories (on the same tree) wrapped and some doesn't. But if i refresh it a few times, it become normal again. This make no sense. Maybe I need to get some fresh air because i am starting to see spots on the screen. http://208.84.114.15 |
|||||||