|
HTML - Safari Is Botching Up My Site's Homepage
My site (http://theticketsguide.com) is running fine on Firefox, Chrome, Camino, and Internet Explorer. But on Safari, my site's formatting is off and, curiously, only on the home page. Of note:
* The image in the first blog post from the top isn't aligned correctly (should be inside the paragraph, not above it) * In my first blog post, all my text prior to my first link is underlined (wacky!) * The ends of the lines come too close to the margin * My second blog post spills over past the margin * My Recent Posts are pushed all the way to the bottom of my page I noticed that Firefox is correctly reading my .headline_area as an H2, whereas Safari is reading it as an H1. Strangely, if you click on a blog post, the formatting on that page is totally OK. The problem is only on my home page. If you're seeing what I'm seeing, do you have any ideas? Brandon Similar TutorialsHi, I need some help please? I have bought/made a simple html page on internet. The problem is that when i uploaded it to my ftp server which is on www.one.com and tried it in IE it did not work as it should. It works perfectly in any other webbrowser like Safari, Mozilla, GoogleChrome, Opera. Why not IE? Is there anybody out there who can help me? Somebody please tell me what's wrong? Best regards Pete index.html HTML Code: <!DOCTYPE html>
<html lang="en">
<head>
<title>RUSSEUKEN.no</title>
<meta charset="utf-8">
<meta name="description" content="Russeuken">
<meta name="keywords" content="russ, russefeiring, bergen, uken, russeuken, norge, 17. mai, fest ">
<meta name="author" content="Russeuken">
<[if IE]><link href="css/ie_style.css" rel="stylesheet" type="text/css" /><[endif]>
<[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><[endif]>
<[if lt IE 7]><script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script><[endif]>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link href="css/jbgallery-2.0.css" id="jbgallery-css" rel="stylesheet" media="javascript-screen" />
<!-- styles for prettyPhoto -->
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_900.font.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_400r.font.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script src="js/jbgallery-2.0jbgallery-2.0.js" type="text/javascript"></script>
<script type="text/javascript"><!--
jQuery(document).ready(function(){
jQuery(".jbgallery").jbgallery({
menu : "numbers",
style: "zoom",
slideshow : true,
caption : false
});
});
--></script>
</head>
<iframe id="ytplayer" type="text/html" width="0" height="0" hidden="1" src="http://www.youtube.com/embed/BpJhT4yzWyo?autoplay=1" frameborder="0"/></iframe>
<body>
<div class="extra"></div>
<div class="extra1">
<div id="main">
<!-- header -->
<header class="head">
<div class="jbgallery">
<ul>
<li><a href="images/1.jpg"> </a></li>
<li><a href="images/4.jpg"> </a></li>
<li><a href="images/2.jpg"> </a></li>
<li><a href="images/3.jpg"> </a></li>
<!--<li><a href="images/5.jpg"> </a></li>-->
</ul>
</div>
<div class="block-2">
<div class="logo"><a href="http://www.exodus.no"><img src="images/logo.png" alt=""></a></div>
<nav>
<ul class="sf-menu">
<li><a href="russeuken.html">RUSSEUKEN</a></li>
<li><a href="arrangement.html">PROGRAM2012</a></li>
<li><a href="russ.html">RUSS</a></li>
<li><a href="bilder.html">BILDER</a></li>
<li class="last"><a href="kontakt.html">KONTAKT OSS</a></li>
</ul>
</nav>
</div>
<div class="text-1">change bg</div>
</header>
</div>
<!-- footer -->
<footer>
<div class="container">
<div class="indent">
<div class="wrapper">
<div class="fright">
<span>RUSSEUKEN.no</span> © 2012
</div>
<div class="fleft"><!-- {%FOOTER_LINK} --></div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
ie_style.css Code: .link-1,.link-2,.block-1,.block-2,.sf-menu a:hover,.sf-menu a.current,.sf-menu a,.content-box,.main-banner,.sf-menu li ul,#advanced{behavior:url(js/PIE.htc); z-index:100;}
.link-1,.link-2,.block-1,.block-2,.content-box,.main-banner,.content-box,.content-box-1{behavior:url(js/PIE.htc); z-index:100; position:relative}
ie7.css Code: /* IE7 specific styles */
#constuction-box {display:inline;}
#intro-box {display:inline;}
.tabs code { overflow:visible !important;}
#contact-form { height:580px;}
.block-1{behavior:url(js/PIE.htc); z-index:100; position:relative}
html5.js PHP Code: // Create new HTML5 elements =================================================== // ----------------------------------------------------------------------------- // This script should load before any others. We want the new elements to be // parsed before pretty much anything happens. // Plus, IE does not behave otherwise. The cost of being progressive... // ----------------------------------------------------------------------------- document.createElement("article"); document.createElement("aside"); document.createElement("audio"); document.createElement("canvas"); document.createElement("command"); document.createElement("datalist"); document.createElement("details"); document.createElement("embed"); document.createElement("figcaption"); document.createElement("figure"); document.createElement("footer"); document.createElement("header"); document.createElement("hgroup"); document.createElement("keygen"); document.createElement("mark"); document.createElement("meter"); document.createElement("nav"); document.createElement("output"); document.createElement("progress"); document.createElement("rp"); document.createElement("rt"); document.createElement("ruby"); document.createElement("section"); document.createElement("source"); document.createElement("summary"); document.createElement("time"); document.createElement("video"); Hi there. My site is not working on Safari. It also doesn't work on Google's Chrome, so I've been told. But it works on Firefox and other browsers. Here's the url... http://www.prs-nj.com Anyone got any ideas? Thank you, Gidmeister http://www.ptacnik.com/index102.html When previewing through Dreamweaver in ANY of these 3 browsers it looks fine. (from my local drive) But once online it only loads in Firefox. Is there something fishy with the frames perhaps? missing an XML doc on my end? I can't figure out what is causing this. Any help would be very much appreciated. http://www.ptacnik.com/nav1.html is the top frame and the list below are the frames loaded under nav1. http://ptacnik.com/about101.html http://ptacnik.com/design.html http://ptacnik.com/illustration.html PROBLEM SOLVED 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! I need some serious help, I have no idea what to check: www.enviral-design.com go to th galleries page, and see what I mean. if you are in Safari or Chrome, it loads exactly like it's supposed to(for me at least) However, on IE or Firefox the gallery page loads all stretched, and as soon as you click on any thumbnails or spry accordion tabs the page just explodes!! what gives?? I've replaced the css for the accordion spry panels with deault DW css, no luck. same with the .js file that the accordions use, also no luck.... I have no idea what to do, or where to start.... anyone?? please help me out!! thanks for your time, Lucas 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 Hey guys I'm new here, as I found this forum on google. I've run across a little problem or big problem so to speak. I have coded my website and it will load in FF, but not Safari or IE. It had an php function wrong the other day, but I have since fixed that and now I just a white page. Here's a link to the site(don't mind the simple, crappy layout) http://s2roots.com/random/done/ Please any help would be great, this is a project due by Wed. Hello guys Well I have just made my homepage: www.sp34k.dk and its in Danish, I made my homepage as a blog/diary but somethings thats, pretty annoing is that I have to go to my htm doc. to edit my text and/or write something else, my point is that I have been trying to understand the cms so that I can login on my homepage and edit the text as I want it.. I dont know much about databases and php so maybe its stupid for me to jump out in such a big problem.. There are a few things I could like to add on my page, let me direct you on my page to where I wish things to be: <i>If you go to "Min blog" and choose one of the links, then you would see my diary shortly, what I wish is that in the bottom people can write a commant so that when myself or other people return to my blog they can see all the comments that people made</i> - Well, I hope it wasn't to much to ask for, but a short answer or just anything would be great So thank you for reading this.. Regards Mike B. Hey, I'm looking to set up a system of 5 different splash pages, loading in order for the user so they never get the same one twice. I think I did something like this before only with HTML... anyone have any tips??? I am no HTML expert, however, I have managed to create a webpage for my I.T department that is hosted internally within our network. I would like to replace this webpage as my homepage, it use to be google.com before, the new webpage has google search box in it. Before I confuse myself and the you as well, let me get to the jist of it. Ideally I would like to do this, have my homepage set up in my browser as a local html file therefo d:\homepage.html. I want this homepage.html page to do 2 things, check to see if the webpage i created is accessible, if it is then go to it, if it is not, then redirect to www.google.com The reason I want to do this is because, when we are outside of our network, the homepage won't work, because it is hosted in our network only. When we are outside our network, we should just go to google.com I know its a silly problem, but I am curious if there is a easy code to do this. Thanks, Adam. Hi everyone. Whenever i go to http://www.smokethosetires.com/ it goes to index.php. How can i get it so when i enter my url my homepage is home.php I know some html and css but i don't know jack about php. I have a wordpress blog i just started and I'm using a template. I'm just venturing into editing this template to my liking, finally figured out how to replace the header pic with my own and now I'd like it to be clickable to the homepage. http://prizepapa.com Should I post the source code here? Thanks for any help Hey guys im trying to build a website with just a few pictures in it and a homepage... anyways...what im looking for is a really secure way to crypt the whole thing. My idea would be to have just an empty password and a captcha on the homepage and this takes you to the pictures but the problem is that most of the internet password scripts are vulnerable... all you have to do is read the HTML code for the password.. does anyone know a better way?? I have a slight HTML problem that I cant figure out...There is this white-space above my text area that I cant figure out how to get rid of... Can someone please help me and tell me what I am missing or how to fix it... Here is a screenshot of where the whitespace is... Here is a link to the HTML file in zipped format http://www.pstsync.com/index.zip the Site is : http://www.PSTSync.com thanks Ishan Hello all, I am still a newbie for the most part at all of this, but there is simply one thing I cannot figure out. I want to add additional pages (like About Us, Multimedia, Contact, etc) off of my homepage. My domain is from godaddy.com... I use Frontpage to create my html, and then copy and paste the html to my file manager under index.htm. Can anyone help, please??? Thanks!!! Hi all, Im just wondering if it is possible in any way to undertake this functionality.... I have different homepages which are essentially the same content but each is designed for a different screen resolution so that when in full screen mode the data will occupy the complete screen. Is there any way to load a certain homepage based on a user's screen resolution, eg if their resolution is 800x600 then homepage A is loaded, if 1024x768 then homepage B is loaded etc. Since a user's screen resolution info is readily available is it possible to undertake such a feature? Thanks in advance! McB Hi, How can i change the source code of my home page? You can modify the source code and save it as a .txt and then again as some other file type, which I can't remember, So that the off line page is whatever you want it to be, Say if I want to change the color or edit the text of MSN etc. Your "Homepage" refers to a file in your system and not on the web, Unpublished. Does anyone know about this? A computer science professer showed me a few years ago. Happy New Year Hey guys, Just a quick question regarding the homepage of the website, does it have to be index.html? or can it be index.php for example? The reason is that i want to use SSI include scripts on the homepage, but this cannot obviously be done on a html page! Cheers Craig Barbs75 |
|||||||