|
HTML - Having Display Problems In Safari
I am having display problems in Safari (3.1.1).
All other browsers installed in my computer show the site correctly: Opera 9.21 Chrome 1.0.154.43 IE 7.0.5730.11 Here is the page: http://www.shootthehead.com/safari.htm Any help is appreciated. Similar Tutorialsref: www.nofocusprototype.com/vanallen When viewed in FireFox, Opera and Camino, the menu bar and video footer are both perfectly aligned with the video box. In Safari and Chrome, however, the menu bar and the footer are a few pixels off plus the footer is separated from the bottom of the video box by a 1 or 2 pixel space. I could naturally adjust the menu bar and footer to display properly in Safari and Chrome, but then they would not display properly in the other browsers. This is certainly a Catch-22 situation. Anyone know a fix for this? BTW, I note that many people have display issues with Safari--one Apple rep told a questioner to get FireFox! ref: www.nofocusprototype.com/vanallen When viewed in FireFox, Opera and Camino, the menu bar and video footer are both perfectly aligned with the video box. In Safari and Chrome, however, the menu bar and the footer are a few pixels off plus the footer is separated from the bottom of the video box by a 1 or 2 pixel space. I could naturally adjust the menu bar and footer to display properly in Safari and Chrome, but then they would not display properly in the other browsers. This is certainly a Catch-22 situation. Anyone know a fix for this? BTW, I note that many people have display issues with Safari--one Apple rep told a questioner to get FireFox! Our organization's webpage was created in Dreamweaver, with some additional javascript and html code added by an intrepid staff member with just enough knowledge to be dangerous. The page displays properly in Internet Explorer and Firefox for Windows, as well as Firefox and Netscape for Mac. However, the page displays a white screen in Safari. The page is loading, because the page title displays, and it is possible to view the source code for the page using the "View --> View Source" menu option. But none of the page content shows up. I did not find any relevant help in the Safari forums on the apple page, so I'm wondering if this is a simple coding problem that I don't know enough to ferret out. Any assistance would be greatly appreciated. The website address is http://www.buttecounty.net/bclibrary Thanks, Derek This is so frustrating! I have a set of image links on the home page of my website, just like this: <a href="t-store.aspx"><img border="0" alt="Online Store" src="site/include/cssstore.gif"></a> For some reason, they don't work at all on Safari (on a Mac, no idea about Windows Safari). I don't really see what could possibly be causing that. There doesn't seem to be anything in the CSS that could cause this either, the div is just: text-align: center; float: right; width:200px; Worst comes to worst, I could make them into text (which might have been the right thing to do from the beginning), but now I just want to figure this out! Any ideas? EDIT: Text links didn't work either, but other links on the page do. Is there something that would make links not work in one div on a page? I've been doing some html newsletters for a company for a while. I use simple html with tables and this template that the other graphic designer put together. The focus of teh email is made up of spliced images, assembled in a table and then each image is linked to the appropriate website location. The problem I have, is in mozilla and in safari (two of the three browsers I test on) make the <tr> part of the table split? It separates the <tr> cells and causes white lines between the images. This only happens after the email has been sent out, not when I test it in a browser before submitting it to the email newsletter server. I'm trying to figure out ways around it or to fix up the html. Anyone who is willing to help me, I will send you the newsletter so you can see what I am talking about as well as post the code up in this thread. Thank you, -Allie So, I have a web site I have inherited, not coded... and I know nothing about html/css etc! One string, a telephone number, should show in black, but in Safari it shows up in white (it is fine in all other browsers). However, if I change the string to text, it displays fine, so it only numbers that show up in white! Help - I have no idea what is causing this!? I've attached the html, and the relevant css for the page... I'm sure this is dead easy for someone who knows what they're doing! Thanks, in advance for your help, James 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 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! Hi everyone, I have been working on a website here www.ds-installations.co.uk/examples.html. I am nearing the end of design/development but I have a weird display bug in Chrome and Safari. For some reason, the content displays off to the right of the main page? I have checked all the code through the W3C CSS and HTML validators and it all seems fine. I have tested in IE6+, FF and Opera which seem to work fine? I would really appreciate any help on this, I have been looking and tweaking for hours to try and fix it and I can't see anything obvious? Thanks very much in advance for any help! Dan 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> 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 did some searching, but have not found the exact probelm here, so I am starting new: I created a site using CSS/HTML for my layout (using Dreamweaver). Whenever I view it using IE7, it looks great and everything works. When I open it in Firefox, once again it looks good, except for the bottom of the divisions right above my footer, there is a 20px offset and blank space on the 2 side divisions, but not the center one. Lastly, when you view this in IE6 or IE5.5, the middle division is pushed down past the 2 side divisions so you see blank space between those and scroll down to see the middle division. It is only in the building stages and some links are not completed yet, and the main site is: http://dana.sportslineceramics.com I piggy-backed it off my own website so I can view it live and work on it. I have tried everything I can think of to get it to display right, and it just does not. I want to use an <iframe> in the middle division so that all links open on that same page instead of having 17 different pages. Thanks in advance for any suggestions! Hi guys, Just a couple of display issues in IE to pass by you. Firstly, my large text headers display too far up in Internet Explorer (all pages) Secondly, my descriptions on my Portfolio pages end up outside their containing divs. Works great on FF/Chrome/Opera/Safari though! You'll see what I mean: http://bit.ly/a3hUD4 (I've used bitly so my dumb questions don't show up when someone googles my website). >> Here's the CSS for the centre div with the jumbo-text titles .column1 { padding: 103px 10px 10px 10px; float: left; width: 500px; margin: 0; } >> And for the description div on the portfolio page .porttxtbox { text-align: right; background-image: url(images/porttxtBG.png); bottom: 0; position: absolute; width: 100%; padding: 0px; margin: 0px; } this is my page http://web.vtc.edu/users/cjb06271/CI...nal/order.html there are several things I would like to happen. 1. the right collumn background to be where the right collumn should be(so other links in navbar) 2.The test between the roach pictures to be alligned with the top rather than bottom of pictures (so smaller windows can see) 3. When you size the window smaller than the text, a scroll bar appears, and when you scroll the background no longer exists. If I put it on auto the background will only go as far as the text does. 4. (nice but not required)The cocroachs to be alligned to the left and right of the top bar respectively, and the text in the middle. 5. (nice but not required) the right column background image is being cut in half (as does the top one if you size small enough). any way to make the images ignore the collumns? don't worry about the colors I will be changing them soon Hi guyz, i have a query Mouse over the datagrid cell display tooltip or panel to display information but only using HTML and CSS not using javascript. can anyone help me. because im gonna use it on htmleditor on c# desktop application thax before http://www.vancouver4condos.com/test/ In the top-left corner of my map (under the "Downtown" tab) there should be a navigation menu with four buttons showing. This menu looks fine in Firefox, IE and Opera, but not in Safari. When I open this page in Safari, that menu loads underneath my map image. I have no clue what is causing it. I have a simple slide over menu for navigation in a div. Safari and Firefox both work. ON IE it's shifted over to the right a little more and the slide over menus wont appear. Any options? Ok, this might be simple, but I can't figure it out! I have created a table, which looks great in Safari/Firefox but looks horrid in IE. This screen shot is Safari- http://i239.photobucket.com/albums/f...Picture4-2.png This is IE (looks rubbish, and jumbled up) http://i239.photobucket.com/albums/f...od4/table1.jpg This is the code: <div class="boxout"> <h2><font size="3" face="Verdana" color="white"><i>Drivers Standings</i></font></h2> <br /> <font color="white" size="2" face="verdana"> <u>W P</u> <table border="1" RULES=NONE FRAME=VOID> <TABLE CELLPADDING=5 CLASS="tealtable"> <tr> <td>01 </td> <td>Lewis Hamilton </td> <td>0 </td> <td>0</td> </tr> <tr> <td>02 </td <td>Felipe Massa </td> <td>0 </td> <td>0</td> </tr> <tr> <td>03 </td <td>Kimi Raikkonen </td> <td>0 </td> <td>0</td> </tr> <tr> <td>04 </td <td>Robert Kubica </td> <td>0 </td> <td>0</td> </tr> <tr> <td>05 </td <td>Fernando Alonso </td> <td>0 </td> <td>0</td> </tr> <tr> <td>06 </td <td>Nick Heidfeld </td> <td>0 </td> <td>0</td> </tr> <tr> <td>07 </td <td>Heikki Kovalainen </td> <td>0 </td> <td>0</td> </tr> <tr> <td>08 </td <td>Sebastian Vettel </td> <td>0 </td> <td>0</td> </tr> <tr> <td>09 </td <td>Jarno Trulli </td> <td>0 </td> <td>0</td> </tr> <tr> <td>10 </td <td>Timo Glock </td> <td>0 </td> <td>0</td> </tr> </table> <br /> <p><a href="#"><font color="white" size="2" face="Verdana">Click to see whole table</font></a></p> <font color="white" size="2" face="verdana">W = Wins | P = Points </div> Any ideas? Hi, I recently put up a new website at http://oubeta.org/ . I just realized that it works just fine in Firefox, but not in Safari. Would someone mind taking a peek at the source code of index2.htm (the page you go to after clicking on the main logo, or just he http://oubeta.org/index2.htm). Only the background image shows up in Safari, and none of the other content. Thanks Hi, I have a site that loads fine on Chrome and IE. Don't see a section of it on Safari or Firefox. Page comes up blank. its supposed to show flash object. The site is kidsooda.com The section page that does not work in Safari and FF is kidsooda.com/inside/#/contact If you have any ideas I'd really appreciate it. THANK YOU !! |
|||||||