HTML - Issue With Site Display In Ie7
Hello,
I have nearly finished working on a site for my brother's Photography but am running into an issue with how it displays in IE7. Here is a link to the site: http://www.markofphotography.com/ It looks fine in Opera and Firefox, but IE7 can't seem to render it. I created the site's HTML using Photoshop and slices. Any help is appreciated. Thanks! Similar TutorialsI 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! Right now i have a website that is an output frmo unix that displays the amount of free space on a server. The problem is the whole website is a mess and i only need certain information from that site. By the way the output is an html file. How would i go about taking the small information i need and displaying it on a different website? I have talked to some colleagues and some suggest VB-Script. If anyone has any knowledge about this that would be great. Thanks David fixed it on my own, this site would prob attract a lot more newbies like me if you actually helped instead of glancing at the code and making comments about things that aren't part of the problem I been working on this issue I'm having I'm not sure what I need to do. I tried all kinds of stuff I just can't figure it out. I used photoshop to make the layout and then spliced it. I know I need to resplice it since one of the image repeats its self when it shouldn't but that not the problem. If you click the link you will see what is wrong. Any help, suggestions etc.. will be appreciated.. thanks http://zins184.com/dwa/test/ Safari doesnt display html site as it should be, instead Safari shows just the html code...: what can i do? <!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 content="de-ch" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Ohne_Titel_1</title> </head> <body> <p>TEST</p> <img src="http://blabla.com/image.jpg" /> </body> </html> This is just a sample html code, and its saved as .html file on the server... so what could it be? (the main page is displayed correct by the way...) Thank you very much! This splash page is supposed to take you to my website in "full-screen" ,but the pop-up keeps coming back as an error.. I know it's something simple,but I can't figure out what I'm doing wrong..can someone look at my code and let me know what is wrong? it's here - http://www.practiceboard.com/?4898323 Thanks!! Heather so when viewing on Firefox and IE8, the site looks fine. www.pmtdiesel.com but when u view it on firefox, there is a pixel or 2 pixels that shift's the image to the right. when u view it on ie7, it shifts it a pixel or 2 up, i am referring to the top right image of the top banner/header. any ideas? thanks. I am building a website in dreamweaver cs3. It displays normal in all browsers except an older version of IE (I think 6.0). I have read a bunch and have learned about float left and left margin problems with older IE versions. Nothing has helped so far. To make a long story short if you view http://whatwowart.com the right column where you sign up for newsletter etc. gets put under the whole page in older IE (I think 6.0). If someone could please help me I would really appreciate it. Thanks, John O Code can be seen at: http://whatwowart.com/code.html So here's my site http://canadianhabbo.com/ Now when you make the screen smaller everything moves together, make it bigger and it looks normal... I'm wondering how to make my images stick... this is the code I'm using to align the main image where I want it. HTML Code: <span style="position:absolute; z-index: 1; left:15%; top:30.5%"> <img src="http://canadianhabbo.com/images/mainimage.gif"/> </span> Try it yourself drag the window smaller and larger and you'll see what I mean. ;] Basically the only reason I'm worrying about this is because people with 800x600 setting will most likely have problems viewing it. Hope someone can help. Hi All, Please Heeeeeeeeeeeeeeeeeeeeeeeeeeeellllllppp!!!!! Thanks in advanced!!! Have a few mistakes and / or something is missing below: Code: <html> <head>PLEASE FIND THE MISTAKE(S) or SOMETHING MISSING /</head> <script type="text/javascript"> window.onload=function() { document.getElementById('exampleletterList').onchange=function() { window.location=('http://www.example.org/'+this.value+''); } } </script> <body> <select id="exampleletterList"> <a target=\"_blank\" href=\"file.doc\" title=\"\">John Doe<br> XXXXXXXXXXX</br></a>. <option value=""><b> PLEASE SELECT THE FOLLOWING: <b/> </option><!--this option takes you to --> <body mar="0" marginheight="0" bgcolor="rgb(38,38,38)"> "BACKGROUND BLUE GREEN MARMOL " <embed width="100%" height="100%" name="plugin" src="http://www.example.pdf" type="application/pdf"> <br> <CENTER> <option value=index.htm>Option #1</option><!--this option takes you to --> <option value="example7">Option #2</option><!--this option takes you to --> <option value="example3">Option #3 </option><!--this option takes you to --> <option value="example4"><br>Option #4</br></option><!--this option takes you to --> <option value="example5">Option #5</option><!--this option takes you to --> <option value="example2">Option #6</option><!--this option takes you to --> <option value="blog/wp-login.php"><!--this option takes you to blog--> </select> </CENTER> </br> </body> <html xmlns:v="urn:schemas-microsoft-com:vml" xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz </body> </head> </html> http://www.mythlabb.com/ IE displays the top logo just fine. Firefox displays it as a broken image. It's just a .jpg file, nothing special, and it's on the page as a regular image tag right at the top of the Body tag. Am I missing some little Firefox quirk here or something? I removed the text content in the code snippet below but it's enough to get the idea. Code: <html> <head> <link rel="stylesheet" href="styles/mainStyle.css" type="text/css" media="screen" charset="utf-8" /> </head> <body> <center><img src="images\mythLogo.jpg"></center> <center>webdesign - consultation - graphics<br></center><br><br> <div id="topnav">Insert menu here</div> <div id="maintext">Insert text here</div> </body> </html> The title says it all, my site just doesn't properly work in safari. heres the link www.royaltee-design.com help would really be appreciated thanks I have this code on a page but the text that is shows does not render all the way on the page is cuts off for some reason...this is the code in the div that it is wrapped in... Can anyone help me out..i just want to make sure i can see all my data on the page atleast some scrollbars or something.... <div style="padding:4px; width:1000px;"> <div style="background-color:Grey; width:100%; height:900px;"> <asp:UpdatePanel ID="UpdatePanel1" runat="server" RenderMode="Inline" UpdateMode="Conditional" > <ContentTemplate> <table width="100%" style="height:900" cellpadding="0" cellspacing=""> <tr> <td class="DetailsTitle"> <asp:Image ID="imgIcon" runat="Server" /> <b><asp:Label ID="lblExportId" runat="Server" /></b><br /> <asp:Literal ID="litTransactionDate" runat="server" /><br /> <hr /> </td> </tr> <tr> <td class="DetailsContents"> <asp:Literal ID="litLogDetail" runat="server" /> </td> </tr> </table> </div> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="UiQuickBookLogs" EventName="SelectCommand" /> </Triggers> </asp:UpdatePanel> At least it is to me. Here is the deal. If you go to this page http://www.etraxc.com/sponsors/sponsors.asp you should get a pop-up window that has a blurb and then the following text, with link, that says: "For more information about our innovative approach to sponsorship, please click this link." There should also be a series of 9 banner ads displayed just below that. 1) Can you see that (I can and almost everyone I have asked can but one person can not), and 2) Why would someone NOT be able to see that? This person has the same trouble with several pages on my site but this is the first I have heard of it (and the site gets roughly 5,000 to 8,000 page hits/day). It has me puzzled! Any insight would be much appreciated! Thanks.... I re-worked the page in a different way, so no help needed anymore thanks knud 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 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 Hey all. I am a PHP/Javascript guy and HTML is not really my strong suit. Any help would be appreciated it here. http://www.khaccounts.net/ -- Just 'View Source' or inspect with Firebug if you have it. I am trying to get the Navigation bar and the textbox underneath it to be centered under the header image. I have tried everything I know to get them centered, but no such luck. Any ideas? As a part of a project I am doing I want to display images on a website. The width/height of the image displayed on the screen should depend on the orientation of the image. The idea is to make the longer side 150px, so if width is greater than height then width=150px, else if height > width, then height=150px. Is there a simple way of doing this? My solution to this is to store the image height and width in a database (I already need to create a database for images), and am using onLoad attribute to change the width/height based on a boolean parameter which tell the orientation of the image, a test version of the code is here (wait for the image to load) http://www.confusionart.com/public/test.html However, as you can notice, first the complete image is loaded and then resized to the desired size. i.e. there is a unnecessary switching of sizes on screen. Is there any way to avoid this. Using AJAX & php to return a randomly generated number of single column tables, and drop them into a <div> element. ( http://www.thegreatmartinicompany.co...ace-value.html ). I've set the div to text-align: center, and put auto margins on the tables. The result is the tables are centered and equally spaced in the div element regardless of the number of tables returned. As appropriate FF and IE display the tables side by side, but Safari stacks them on top of each other. An example of the returned code is below. Any ideas why Safari does not display this as IE and FF do? <table style="margin-left:auto; margin-right:auto"><tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> </table> <table style="margin-left:auto; margin-right:auto"><tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> </table> <table style="margin-left:auto; margin-right:auto"><tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> <tr><td></td></tr> </table> |