|
HTML - Ie And Mozilla Open Site Incorrectly
hey guys I was told to make another thread so u can help me with my problem...
my site is opened wrongly in IE and mozilla...so here is css and html in attachments...but i didn't send u pics... Similar TutorialsHey, I've downloaded a template to use for my webpage and i changed up the width of the middle section (in grey) within the css, it views perfectly in mozilla, but when viewed in IE it's as if i didn't widen the width of the middle section at all and as a result the text and images i have put in the area are compacted. Does anyone have any ideas of how i can get IE to view my site the same as mozilla is? Mozilla is displaying the site as i want it too look. The text is more spread out wthin the grey area. http://www.revolutionct.com.au/boot_camp_canberra.html Appreciate any help! Thanks. Hi, i have a site with iframes. By opening the page with IE is ok, but Mozilla can't open it. So, this is the code: Quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> </head> <frameset rows="*" cols="80,*" frameborder="no" border="0" framespacing="0"> <frame src="file:///C|/frame2.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame"> <frameset rows="80,*" frameborder="no" border="0" framespacing="0"> <frame src="file:///C|/frame3.hml" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame"> <frame src="file:///C|/frame1.hml" name="mainFrame" id="mainFrame" title="mainFrame"> </frameset> </frameset> <noframes><body> </body> </noframes></html> Can somebody help me to find the problem? Hi everyone, This is my first post. So allow me to introduce my self. My name is Adam. I have seven years of comprehensive experience in the Tech industry primarily focused on help desk solutions. Presently building a web-page using Net Objects Fusion 9. When I view the site on Internet Explorer everything is normal. When the page is viewed in Mozilla Fire Fox, you can notice that all the image displays are in different placements the text is all over the place... thevillasatpaugusbay.com/norrisv/ Can anyone offer a kind and helping hand to me? I'd hate to have redesign everything!! Thank you for taking the time to read my post. Even if you cannot offer any help or your help didn't resolve my issue. I do want you to know I appreciate it! Using the following code, if flash is not installed on a computer, while using IE a white box is shown instead of the alternate nested code: HTML Code: <object type="application/x-shockwave-flash" data="Theme/source.swf" width="647" height="61"> <param name="movie" value="source.swf" /> <a href="index.html"><img src="Theme/Banner/Name.gif" /></a><!-- --><a href="index.html"><img src="Theme/Banner/Spacer.gif" /></a><!-- --><a href="http://cart.source-entertainment.net"><img src="Theme/Banner/Logo.gif" /></a> </object> With IE and Flash it displays the flash animation fine, and with Firefox it displays the nested links and images correctly when not using flash, and also displays the flash animation correctly when flash is installs. The only issue is no flash installed on IE. Can anyone explain why this might be happening? Am I missing some IE-specific code? Or is it a problem with my animation? Any help would be appreciated. Hi All I am very new to HTML, and have employed the services of a junior designer to come up with a site for me. It can be seen at www.360ukproperty.co.uk, please excuse some of the pages are not completed yet. When clicking on the menu items, the relevant page loads in the faded out frame. This works on most computers, but for some reason it forces a new window to open up on my PC at home. It wirks fine on my designers's PC, my work PC and my laptop. This problem is on IE6, IE7 and Firefox. Very weird! The code for the homepage is pasted below: Hopefully its something simple.....~? <!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>360 UK Properties</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="frame" align="center"> <div id="main"> <iframe style="padding-top:94px; float:left;" src="title.html" name="mainFrame" scrolling="no" id="mainFrame" marginwidth="0" marginheight="0" frameborder="0" width="659" height="506"> </iframe> <div id="menu" align="left"> <p><a href="index.html">Home</a></p> <p><a href="why.html" target="mainFrame">Why 360?</a></p> <p><a href="how.html" target="mainFrame">How it Works</a></p> <p><a href="gallery.html" target="mainFrame">Gallery</a></p> <p><a href="faq.html" target="mainFrame">FAQ</a></p> <p><a href="price.html" target="mainFrame"> Prices</a></p> <p><a href="contact.html" target="mainFrame">Contact</a></p> <div id="bottom"> <p><a href="mailto:gustavbasch@yahoo.co.uk">info@360ukproperty.co.uk</a><br /> phone: +44 7875374689</p> </div> </div> </div> </div> </body> </html> The code I am working with is actually inside of a .xls file. However, I am assuming that my problems are HTML-related. Here is a picture of how it is incorrectly displaying in Firefox: Here's a picture of it in IE, which is how I want it to look in Firefox: Does anyone know what the most likely cause of this is? If you would like to see some code I can post it, I just didn't want it to come off as too overwhelming. It's about 70 lines of code for the whole table. A huge thanks to anyone who can help me out with this. I'm having problems with the blocks on the left hand side. They show up fine in Firefox but incorrectly in Internet Explorer. Can someone explain this to me please. The blocks are wider in IE than in FF http://aspekt.blogdns.com/ahs/layout2/test/index4.php Thanks hi guys. I am trying to get rounded edges to appear around my tables when displayed in Firefox. However, while it does display rounded edges, it also displays an angular border, which takes whatever colour the text has. here is the code. Quote: <!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=utf-8" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Untitled Document</title> <!-- TemplateEndEditable --> <style type="text/css"> <!-- #MainCell { border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; width: 800px; background-color: #FFF; height: 1000px; } .whitebackground { } #LogoCell { background-color: #006; height: 15px; } #LinksCell { background-color: transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; width: 77%; } #ContentCells { text-align: center; } #BottomLinksCell { } table { -moz-border-radius: 30px; border: #cc2800; } body { background-color: #006; color: #0F0; border: transparent; } .TableBackground { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } --> </style> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <link rel="stylesheet" href="../ajxmenu.css" type="text/css" /> <script src="../ajxmenu.js" type="text/javascript"></script> </head> <body> <table width="100%" border="1" align="center" id="MainCell"> <tr> <th scope="row"><table width="100%" border="1" id="LogoCell"> <tr> <th class="whitebackground" scope="row">LogoCell - I'll see if my guy will do something for you or if you can get a mate to, if not I'd go to a professional</th> </tr> </table> <table width="78%" border="1" align="center" id="LinksCell"> <tr> <th scope="row"><div class="AJXCSSMenueDFaTFD"><!-- AJXFILE:../ajxmenu.css --> <div class="ajxmw1"> <div class="ajxmw2"> <ul> <li><a href="#"><b>Home</b></a></li> <li><a class="ajxsub" href="#"><b>Gallery</b></a> <ul> <li class="sfirst slast"><a href="#">Slideshow</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>Corporate Work</b></a> <ul> <li class="sfirst slast"><a href="#">Testimonials</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>About Us</b></a> <ul> <li class="sfirst"><a href="#">Qualifications</a></li> <li class="slast"><a href="#">Business Associates</a></li> </ul> </li> <li class="tlast"><a href="#"><b>Contact Us</b></a></li> </ul> </div> </div> <br /> </div> </th> </tr> </table> <!-- TemplateBeginEditable name="ContentRegion" --> <table width="68%" border="1" align="center" id="ContentCells"> <tr> <th width="50%" height="113" scope="row"><p> </p></th> <td width="50%"> </td> </tr> <tr> <th height="135" scope="row"> </th> <td> </td> </tr> </table> <!-- TemplateEndEditable --> <table width="100%" border="1" id="BottomLinksCell"> <tr> <th scope="row">BottomLinksCell</th> </tr> </table> </th> </tr> </table> </body> </html> Can anyone tell me how I can get rid of the angular border, and just be left with the rounded one? Thanks! Just wondering if someone out there is able to quickly spot the horrible quirk in the HTML on this page: www.vergola.co.nz/contact.htm It renders fine in Firefox and Safari, (ie the page content is at the top of the window) but in IE the content appears way down the page with a large white space above it. ( I hate IE so much) The page has been edited by numerous people of varying degrees of knowledge so the whole page is a bit of a mess... Thanks so much! Hello, so basically this summer I took the liberty of making a personal website for myself. I wanted to get to know XHTML and CSS a little bit more over the summer. Getting to my question though, I made a rollover menubar (using photoshop) and everything was going swell until I wanted to get it up and running in my html file. I made a table inserting the non and rollover images and instead of using the massive javascript code block Dreamweaver gave me I decided to use simple "onmouseover/onmouseout" code snippets. When I view it in Firefox it is fully functional but for some reason the rollover images are a little shifted, correct size, but shifted, so there is white space in between the non rollover images. Here's what is looks like: Here is the code for the table/banner (3 rows and 9 columns): Code: --------------------------------------------------------------------------------------------------------
banner_01: large blue block (3 rows merged) left of home
banner_02: blue rectangle above home
banner_03: vertical blue in between home/blog (3 rows merged)
banner_04: blue rectangle above blog
banner_05: vertical blue in between blog/misc (3 rows merged)
banner_06: blue rectangle above misc
banner_07: vertical blue in between misc/contact (3 rows merged)
banner_08: blue rectangle above contact
banner_09: vertical blue right of contact (3 rows merged)
banner_10/banner1_10: home (regular)/home (hover)
banner_11/banner1_11: blog (regular)/blog (hover)
banner_12/banner1_12: misc (regular)/misc (hover)
banner_13/banner1_13: contact (regular)/contact (hover)
banner_14: blue rectangle under home
banner_15: blue rectangle under blog
banner_16: blue rectangle under misc
banner_17: blue rectangle under contact
--------------------------------------------------------------------------------------------------------
<table align="center" width="925" height="140" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="283" rowspan="3"><img border="0" src="banner_01.gif" width="283" height="140"></td>
<td width="134"><img border="0" src="banner_02.gif" width="134" height="16"></td>
<td width="23" rowspan="3"><img border="0" src="banner_03.gif" width="23" height="140"></td>
<td width="134"><img border="0" src="banner_04.gif" width="134" height="16"></td>
<td width="23" rowspan="3"><img border="0" src="banner_05.gif" width="23" height="140"></td>
<td width="134"><img border="0" src="banner_06.gif" width="134" height="16"></td>
<td width="23" rowspan="3"><img border="0" src="banner_07.gif" width="23" height="140"></td>
<td width="134"><img border="0" src="banner_08.gif" width="134" height="16"></td>
<td width="37" rowspan="3"><img border="0" src="banner_09.gif" width="37" height="140"></td>
</tr>
<tr>
<td><!---HOME BUTTON--->
<a href="home.html"><img border="0" width="134" height="112" src="banner_10.gif"
onmouseover="this.src='banner1_10.gif';"
onmouseout="this.src='banner_10.gif';"/>
</a>
</td>
<td><!---BLOG BUTTON--->
<a href="blog.html"><img border="0" width="134" height="112" src="banner_11.gif"
onmouseover="this.src='banner1_11.gif';"
onmouseout="this.src='banner_11.gif';"/>
</a>
</td>
<td><!---MISC BUTTON--->
<a href="misc.html"><img border="0" width="134" height="112" src="banner_12.gif"
onmouseover="this.src='banner1_12.gif';"
onmouseout="this.src='banner_12.gif';"/>
</a>
</td>
<td><!---CONTACT BUTTON--->
<a href="contact.html"><img border="0" width="134" height="112" src="banner_13.gif"
onmouseover="this.src='banner1_13.gif';"
onmouseout="this.src='banner_13.gif';"/>
</a>
</td>
</tr>
<tr>
<td><img border="0" src="banner_14.gif" width="134" height="12"></td>
<td><img border="0" src="banner_15.gif" width="134" height="12"></td>
<td><img border="0" src="banner_16.gif" width="134" height="12"></td>
<td><img border="0" src="banner_17.gif" width="134" height="12"></td>
</tr>
</table>
I hope that the content didn't frazzle anyone, I would just like to fix the display of the menubar as it is fully functional. Thank you very much, JP EDIT: I would also like to make the banner the whole width of the browser but it breaks up the images when I try to do so, just wondering if anyone can figure that out too. Thanks! Hi, I've been working on this page for quite a while: http://www.mymusiclair.com/supporter It displays correctly in Chrome, IE, and FF on my hard drive, but once i upload it it displays wrong in everything except IE. I used FrontPage 2003 to make it... any suggestions? Thanks, Vicky I have a pdf file that is the catalog for my business. Is there a way to make it so that i can create a link that says "view" and if people click on it, then the standard "FILE DOWNLOAD" box does not come up... and it just opens the file in a separate window.... and have a "download" link where if they click that... then it just downloads the file. I know that i am weird... but i think it would be something that not everybody has... and something that would be kinda cool. Thanks in advance.... Mark I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! I have a website that i created. It loads in in Mozilla, but in IE nothing loads, the page is just blank. my website, an example of this is www.winholdem.info/hoppers.php I dont know why this is happening! P.S. it includes PHP and html How can I get my favicons to show up in Mozilla/Firefox? Thanks~ hi just a small problem that is bugging me and stopping me from moving on...there is a table at the top of my website here in mozilla it works fine exactly how i want it yet in internet explorer it stretches out too far and looks a mess what could i do about it? is this because ie doesnt accept height tags? my tables are not right in mozilla/firefox. it looks perfect in ie. 42% of my viewers are ie users. 37% are mozilla compatible agents, and 8% are firefox. i just downloaded firefox from mozilla and found that none of my tables look white, with the exception of the front page: http://leilanimunter.com/index2.html on all the other pages, the table where the text is should be white like it is on that home page, but instead it is my grey background color. how do i fix that? HELP, thanks!!! Leilani http://leilanimunter.com Hi, I am trying to build my daughter's website on geocities and for the videos section I am trying to use page jumps DIVs. I am using mozilla and everytime I go on it the page jumps and the DIVs is all mess up and I don't know what's wrong with it then I tried going on internet explore and my codes worked on there but just not on mozilla. Does anybody know what I can do or change? I am currently using the basic html DIVs and page jumps. For some reason, using <table align="center" width="85%"> at the following http://amazingfreegraphics.com/webfetti.html correctly shows the content in 85% of the browser in Internet Explorer, but still covers 100% in Mozilla. How do I fix in Mozilla? |
|||||||