|
HTML - Tables In Ie Vs Safari, Help Please!
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? Similar TutorialsUsing 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> 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 Normally, when you have more than one table in your code, the tables will be placed one under each other. Example: <table> ... </table> <table> ... </table> When you want the tables to be placed next to each other, you need to set the align attribute. Example: <table align="left"> ... </table> <table align="left"> ... </table> BUT: When you do it like in the 2nd example (tables next to each other), in Firefox, the tables will wrap to a new line if there is no more space. In Internet Explorer, the tables will not wrap. The result is a horizontal scrollbar or "hidden tables". Why this? How can I make the tables wrap also in Internet Explorer as it does in Firefox? Is it possible with a special CSS definition or with a special DIV/SPAN tag? Thanks for your help praiser Hey everyone, I'm new to these boards. Somewhat a newbie at web design, but I know basics. I'm looking to put 2 tables adjacent to each other inside another table. My problem is I can't get the tables to line up the way I want them to. I'll post a picture of how I want it to look, how it looks now and my code. How I want it to look: How it looks now: I want the tables to line up at the top and re-size according to each other so they're always aligned at the top. Code: coming in next 2 posts Hi all! Quick question about the two different browsers, IE and Safari. . . On my home page at www.rentxotic.com I have two buttons programed to be in the top right corner, IE doesn't load this 100% of times, but safari always has it no matter what page your on. Does anyone know what the compatibility issue is with this? How can I fix it? THANKS - Ryan PS all you guys have been such a great help, your time is much appreciated! 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. 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 !! on my website's guestbook page http://ryanhollis.webs.com/guestbook.html the guestbook is put on the page by javascript that was given to me by Freewebs, i dont have the JS or edit it freewebs takes care of that, its mostly external the guestbook page loads just like it should in Safari and Google Chrome, but in Firefox and Internet Explorer the HTML loads, but not the guestbook JS i really have no idea why its doing this, because the HTML and CSS have both been validated and I don't see anything wrong with the code (as if my opinion on that means anything) one of my friends recently told me it wasnt working, i dont know how it started i didnt even notice because i only use safari, and recently switched to Chrome, but originally it was working in all browsers code for the main part of the guestbook page including the js: HTML Code: <div id="body">
<img src="icons/body1.png" alt="" width="642" height="64"/>
<h1>Guestbook!</h1>
<p>
BLA BLA
</p>
<div id="guestbook">
<script src="http://link.members.freewebs.com/JS/checkLogin.jsp" type="text/javascript" />
<script type="text/javascript" src="http://images.freewebs.com/JS/fw.js" />
<script type="text/javascript" src="http://images.freewebs.com/JS/fwComments.js" />
<script type="text/javascript">
<!--
new fwComments('myguestbook', 8468750, 31154415, {requireLogin:false, alignNavRight:true, showLowerPaging:true, showHideLink:false, commentCountText:' Signatures', isGuestbook:true, limit:20, showRatings:false, duration:0, showDate:true, startPostClosed:false, showLogin:true, showIP:true, postText:'Sign Guestbook'});
// -->
</script>
</div>
<img src="icons/body3.png" alt="" width="642" height="70"/>
</div>
code for the CSS that hits this (doubt thats the prob but just in case) Code: #guestbook{
margin:0px 30px 0px 30px;
text-align:right;
}
#body{
position:absolute;
margin:239px 0px 0px 192px;
background:#ff0000 url('http://ryanhollis.webs.com/icons/body2.png');
width:642px;
}
Can you tell me why this is not working? Thanks guys! Greetings to you all, Today's question I have is this: Does anyone know how to achieve transparency with svg files in Safari? I have an orange colored circle graphic in svg format. I want to display it on a colored background, maybe even an image background but in Safari it shows a white square around the circle. I have tried using the embed tag and the object tag and both show the white square. Both embed and object seem to be fine for Firefox and Opera. I have used img src and this displays the graphic as it should be in Safari but doesn't show at all in Firefox. I have spent the last three hours searching the net for an answer but there doesn't seem to be a solution out there. I would really appreciate some help. I'm sure there must be other people with the same problem. Thanks very much. 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 Uploaded with ImageShack.us My website is www.tuckermatthewsphoto.com This is what my side menu looks like when I open it in Firefox. Note the box to the left of "automotive". It's a link to the home page, just like the "Tucker Matthews Photography" image. I've tried ironing it out all day, caved in and asked for help. In safari the "Automotive" link is in line with the others. Please help! Check my source code and my CSS out! This is killing me! 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? Can anyone tell me why all the content jumps to the right in Safaria for page of my website? It looks fine in all other major browsers... http://www.kasedesign.co.uk/ysm/business.htm Thanks in advance… 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! 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! Solved by myself. We have some data that is put into a table with a link to images if available. In Firefox (although only in version 4), the following works: <table> <tr><td></td><td><a><a href="../images/image1.wma" </a>Image label</a>< br />Second line of label (don't want this underlined)</td> ... </table> but the same web page doesn't show any links in Safari (5.0.5). I thought maybe Safari didn't like links in a table, so I removed the table. Still no links. I thought maybe it was the relative reference and made it absolute. No luck. I've tried removing the extra <a> and it doesn't change anything. The extra <a> is to keep the second line from being underlined. What am I missing? Mei 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 Hi, i have the encountered some problem recently. Pls check these 2 simple sites whcih were done with Dreamweaver and have a simple .swf file embedded. www.asia-leap.com www.drjeanho.com The flash were loading ok for the past few months in IE, Firefox and Mac Safari, however, just noticed that the .swf files were not loading anymore recently in Mac Safari and Firefox. Please HELP!!! Many thanks. Would appreciate it if you could reply to the email provided: faraway_c@yahoo.com YC |
|||||||