|
HTML - Page Looks Fine In Firefox But Ie Doesnt Like For Some Reason, Help
Hi
the page in question is this one Removed, as I dont think advertising is allowed?, so i removed the link For me it renders perfectly in Firefox 3 However i noticed that in IE7, dont know about IE6 it sticks the whole page on the left, as if there were no formatting or .css file, this cant be true because Firefox renders it fine and the text is all in relation ot the .css file So please can someone help me with this, it is in PHP, but only a line really Chris Similar TutorialsI created a template with photoshop and saved into 1024 x 768 and worked it with front page. when i opened it in firefox the site is apearing at the left side of the window even if i edited in front page to be shown in the middle.In explorer it works just fine. ANy ideas please? I have a website hosted at discoverybyte.uuuq.com, and it is working great, except that the heading is displayed weird in IE8. It works fine on Firefox 3.5 though. In IE8 the heading menu is indented when I prefer it not to be. See the attached images for more help. Please note that as of this posting the code is on my website shown above. Any help would be appreciated. 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 Hi All, im new here so go easy. this might be an easy answer. i am making this website and am positioning items around the site using div tags. the site looks just how i want it to in Firefox but when i open it in IE it has different sizes everywhere and does not match up. also i have a logo in the upper right of the site. how do i get this to resize when the browser size is changed? here is the sites code. <html> <head> <title>Maroondah Trailers</title> </head> <body BGCOLOR="807a7a"> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 0%; top: 0%; width: 16%; height: 97%;"></div> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 84%; top: 0px; width: 16%; height: 97%;"></div> <div style="background-color: White; position: absolute; left: 16%; top: 15%; width: 68%; height: 82%;"></div> <div style="background-color: ff3600; color: white; position: absolute; left: 16%; top: 15%; width: 68%; height: 4%;"></div> <div style="position: absolute; left: 60%; top: 3%; width: 30%; height: 40%;"><img src="pictures\logo2.gif"></div> <div style="background-color: black; position: absolute; left: 84%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 15%; width: 68%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 19%; width: 68%; height: .3%;"></div> </body> </html> heres what they both look like thanks alot Matt I've been customising templates on a CMS over time, mainly using a Mac for the editing side of things, but then checking on a PC with different browsers, of course. I carried out a few changes a while back and things looked fine in Safari, but not so fine when I checked them on IE7. An example: http://www.ukprwire.com/Detailed/Con...uk_11538.shtml Anyone know why the page is extra wiiiiide in IE, but fine in Safari? I've since checked it with Firefox and its fine with that one too. Can anyone tell me why? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Main</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> #container { width:990px; padding:8px; border:1px solid #999; margin:auto; } #lefthome { width:100px; height:74px; border-top:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999; margin-bottom:4px; background-color:#fee; float:left; } #time { width:119px; height:74px; border-top:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999; margin-bottom:4px; background-color:#fee; float:left; } #banner { width:531px; height:74px; border-top:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999; margin-bottom:4px; background-color:#efe; float:left; } #date { width:119px; height:74px; border:1px solid #999; margin-bottom:1px; background-color:#eef; float:left; } #righthome { width:100px; height:74px; border-top:1px solid #999; border-bottom:1px solid #999; border-right:1px solid #999; margin-bottom:4px; background-color:#fee; float:left; } #about { width:482px; height:210px; border:0px solid #999; margin-right:2px; margin-bottom:4px; background-color:#ffe; float:left; } #program { width:482px; height:210px; border:0px solid #999; margin-left:2px; margin-bottom:4px; background-color:#eff; float:left; } .topic { height:110px; border:1px solid #999; margin-bottom:4px; background-color:#eee; float:left; } .left { width:320px; margin-right:2px; } .center { width:320px; margin-right:2px; margin-left:2px; } .right { width:320px; margin-left:2px; } #footer { width:970px; height:38px; border:1px solid #999; background-color:#fef; clear:both; } </style> </head> <body> <div style="font-family: Arial;" id="container"> <div id="lefthome">Click here to go home</div> <div id="time">Tianjin Time<iframe src="http://free.timeanddate.com/clock/is4qzpf/n33/th2/ts1" frameborder="0" height="18" width="62"></iframe></div> <div id="banner">name of site</div> <div id="date">Tianjin date<iframe src="http://free.timeanddate.com/clock/is4qzpf/n33/tt1" frameborder="0" height="18" width="218"></iframe></div> <div id="righthome">Click here to go home</div> <div id="about">me </div> <div id="program">program</div> <div class="topic left">western business</div> <div class="topic center">Chinese word</div> <div class="topic right">culture</div> <div class="topic left">calendar </div> <div class="topic center">links (sausage links) </div> <div class="topic right">archives</div> <div id="footer">bottom banner thermometer icon, weather icon, newspaper icon, chat with me, rss feeds, bookmark this site, guestbook, counter</div> my story/objective </div> </body> </html> My site works in Firefox and Safari just like I want it to, but when IE tries to read it, the divs and images get spaced out and wrapped around AND it is not centered on the page like it should be... what is my coding flaw? www.nativboardriding.com check it out in firefox or safari to see how it SHOULD be displayed, then open it with IE. Thanks, Levs See http://www.smoli.com I just added the SmoothDivScroll (jQuery add-on) to my page to create scrolling images at the bottom. Unfortunately as a result the table no longer resized correctly to the size of the screen, and the scrolling does not work. This only happens in Firefox, in IE8 everything works as it should. Any idea what is wrong with my code? Many thanks in advance, J. PS: Everything also works fine when previewed from within FrontPage 2k3 (the editor I use to create the page). 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"> </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"> </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"> </th>
</tr>
I am building a web site for one of my friends. The address is www.lawlessbullies.com . I can't get the middle section to remain centered on both Firefox and IE. It looks perfect in IE, but not in Firefox. I'm not sure if I need to edit my html, or the css. Can someone take a look and help me out? i've been trying to find a solution for weeks and this is my last resort. Its probably something small, and easy. I'll post my index.html and my style.css my problem is ie and its padding, ie has add a 4px padding at the bottom of the of the image but in safari and firefox there is no padding. here is the url so u understand what i mean http://nathanoconnor.co.uk/gilbertelectrical/site/ http://www.yandina.com/JIndex.htm Open in Firefox, Chrome or Safari - - - that is what it is supposed to look like. Open in IE and the last table get overlaid on top of the previous table. What sort of things can cause that? Additional (unrelated I think) problem, IE is not accessing cookies but others are fine. What can cause that? Hi all Firstly I’m a repeat newbie... I had a brief spell with a mate doing web things in 2000, playing comand and conquer most of the time over a network, we were poor but we had fun...blimey things have changed, in many ways!! I've put together a web site using a trial version of dreamweaver but the problem is that although it displays fine on all my machines at work and at home, the client (friend really) gets a muddled view on her laptop... Like the screen shot. !! I’ve run the compatibility and validator on dreamweaver and it seems ok. I’ve also run the address through w3.org validator and it seems ok. The adress is www.julietbidwell.co.uk Any help will be much appreciated. Thanks Phil PS – note to self I must stop saying I’ll have a go at stuff for people!! I have recently seen the IE "Error on page" status popping up on my website http://www.bluchip.gg/home. The errors a Line: 322 Char: 7 Error: Expected ':' Code: 0 Line: 45 Char: 8 Error: Exception thrown and not caught Code: 0 Line: 206 Char: 37 Error: Unterminated string constant Code: 0 I'm using Dreamweaver CS3 and I've validated the page and everything is fine. I've looked through the code to find the places specified but all looks fine to me (probably looking in the wrong place! ). These errors come up on all my pages (I'm using a template so I think the errors are in that). Any ideas what is wrong? Help. I made this page for a client but he tells me it is misaligned when he browses the page on his mac(both firefox and safari) http://www.freewebs.com/fernandosdesign/detox.html It looks perfectly fine on a pc (firefox and ie) any idea whats happening and how I can correct this issue? Thanks guys http://www.freewebs.com/fernandosdesign/detox.html in the dreamweaver preview it shows up fine. the path is correct and the file is upload...but for some reason, I just get a blank space? http://yesplsnothnx.com/index2.html flash animation: http://yesplsnothnx.com/images/ass.swf what am i doing wrong?! I really don't know much about html and I could use some help here. http://www.hazlethawks.com/hawks/cheer_news.asp there should be a link on the left menu that says "loud and proud" but it doesn't show up in firefox. IE works fine. Any thoughts? Thanks in advance I have been working on a site, and I have recently changed over the menus from JavaScript to CSS, the problem is, the site looks completely different when I view it in Firefox as oppose to IE, the menus hide under pictures, extra white space and the bullets are visible. I have attached 2 images of how the site looks in IE as oppose to Firefox Thanks Help! Some pages of this site are not aligning in Firefox. Please see this link http://www.ntcmc.com/news.html . If you view in FF and in IE you will see the difference. The white space below the navigation and above the text in lower left of page should not be there. Any idea why it is displaying incorrectly? THANKS! Hello. =) On one of my webpages, I want to link to a specific page in a PDF file. I can't get it to work in Firefox for some reason, and I haven't found the answer online. I used this in Internet Explorer, and it worked just fine: http://www.mysite.com/doc2.pdf#page=6 Is there a way to do the same thing in Firefox? I hope someone can help; thanks in advance! |
|||||||