Website won't centralise ?

Hi all,
I'm hoping someone might be kind enough to advise me as I'm struggling with what should seem a simple thing !!!!  (aren't they always!)
I've designed a website, but for some reason it won't display in the middle of widescreen monitors.  Its aligned left ?
The code is below, I'm mostly in WYSIWYG mode, but trying my best with what I can.
Perhaps someone could take a look and see where I'm going wrong ?
Thanks !!!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Explore Multimedia</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #000000;
.style1 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
a:link {
color: #FFFFFF;
text-decoration: none;
a:visited {
color: #FFFFFF;
text-decoration: none;
a:hover {
color: #FFFFFF;
text-decoration: none;
a:active {
color: #FFFFFF;
text-decoration: none;
.style2 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
.style3 {color: #FFFFFF}
.style4 {color: #000000}
body,td,th {
color: #FFFFFF;
.style12 {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
.style19 {color: #FFFFFF; font-size: 12px; }
.style21 {font-size: 14px}
.style25 {color: #FFFFFF; font-size: 11px; }
.style26 {font-size: 11px}
.style27 {font-size: 12px}
.style28 {font-size: 12}
.style29 {color: #000000; font-size: 12px; }
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div align="center">
<div id="Layer1" style="position:absolute; left:23px; top:11px; width:789px; height:82px; z-index:1">
  <div align="center"><a href="index.htm"><img src="../ExMstorelogo.jpg" width="752" height="115" border="0"></a></div>
</div>
<div id="Layer5b" style="position:absolute; left:24px; top:131px; width:788px; height:19px; z-index:5; visibility: visible;">
  <div align="center"><strong><span class="style2">EXPLORE MULTIMEDIA's SECURE WEBSTORE</span></strong></div>
</div>
<div id="Layer7" style="position:absolute; left:20px; top:555px; width:793px; height:53px; z-index:7; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;font-family: "Times New Roman", Times, serif; font-weight: bold;" class="style4">
  <div align="center" class="style4 style12 style21">
    <p><img src="payment-types_sm copy.jpg" width="532" height="28"></p>
  </div>
</div>
<div id="Layer8" style="position:absolute; left:321px; top:626px; width:221px; height:21px; z-index:8; font-weight: bold;">
  <div align="center" class="style27">&copy; 2010 Explore Multimedia. </div>
</div>
<p> </p>
<p> </p>
<p align="center"> </p>
<p align="center"><strong></strong></p>
<div id="Layer2" style="position:absolute; left:24px; top:216px; width:148px; height:227px; z-index:2; overflow: hidden;">
  <div align="center">
    <pre align="center" class="style1"><a href="ExM001.htm"><img src="image004.jpg" width="143" height="143" border="0"><span class="style19"><a href="ExM001.htm"><span class="style3">
Jeronimo Road
</span><span class="style25">Live At The Orange</span></a></pre>
</div>
</div>
<div id="Layer5" style="position:absolute; left:22px; top:187px; width:788px; height:19px; z-index:5; visibility: visible;">
  <div align="center"><strong><span class="style2">PRICES INCLUDE SHIPPING TO <em>ANYWHERE</em> IN THE WORLD !</span></strong></div>
</div>
<p> </p>
<div id="Layer4" style="position:absolute; left:351px; top:216px; width:148px; height:228px; z-index:4; overflow: hidden;">
  <div align="center">
    <pre align="center" class="style1"><a href="ExM003.htm"><img src="image008.jpg" width="143" height="143" border="0"><span class="style19"><a href="ExM003.htm"></a>
<a href="ExM003.htm"><span class="style28 style27">Jason 'Harris' Salkey</span></a>
<a href="ExM003.htm"><span class="style25">Recollections of
Rifleman Harris</span></a></pre>
</div>
</div>
<div id="Layer3" style="position:absolute; left:188px; top:216px; width:148px; height:227px; z-index:2; overflow: hidden;">
  <div align="center">
    <pre align="center" class="style1"><a href="ExM002.htm"><img src="image006.jpg" alt="Thijs van Leer - The Home Concert" width="143" height="143" border="0"><span class="style19">
Thijs van Leer
<span class="style26">The Home Concert</span></span></a></pre>
  </div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align="center"> </p>
<p align="center"> </p>
<div id="Layer6" style="position:absolute; left:21px; top:156px; width:790px; height:19px; z-index:6; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; font-weight: bold; font-family: Arial, Helvetica, sans-serif;">
  <div align="center" class="style21"><a href="index.htm"><span class="style4"><u>Store Home</u></span></a><u><span class="style19">........</span></u><a href="faq.htm"><span class="style4"><u>FAQs</u></span></a><span class="style4"><span class="style19">........</span></span><a href="terms.htm"><span class="style4"><u>Terms and Conditions</u></span></a><span class="style4"><span class="style19">........</span></span><a href="contact.htm"><span class="style4"><u>Contact Us</u></span></a></div>
</div>
<p> </p>
</div>
</body>
</html>

I've designed a website, but for some reason it won't display in the middle of widescreen monitors.  Its aligned left ?
Yes - that's because you have used absolutely positioned containers ('layers') as a primary layout tool.  This is a very poor approach which will create other problems for you as well.  A good rule of thumb is that absolute positioning should be only used as a special-purpose tool in your layouts (if it's used at all - most well-built sites don't ever use it).  But the idea of being able to just drag and drop something in Design view is too seductive to resist.  As you gain experience you will see that there is a heavy price for this 'convenience'.
You can fix your immediate problem by changing this -
<body>
<div align="center">
to this -
<body>
<div style="position:relative;width:789px;margin:0 auto;">
and this -
</body>
to this -
</div>
</body>
(to give you a glimpse of the trouble that awaits you, see how your page looks when you bump your text size up by a couple of ticks....)

Similar Messages

  • Embedded videos in many websites won't open.

    I have found that the embedded videos on many but not all websites won't open now when I'm browsing in Firefox. I am running 27.0.1. I have Adobe Flash Player installed so that's not an issue. As some examples of non-openers: Embedded videos in some of the news articles on Yahoo!'s home page; videos on the davidlynchfoundation.org site. I tried disabling the "Adblock Edge" add-on, but it didn't change anything. In many cases, their is a big empty space in the text where the video should be, i.e. there isn't any indication that there's a video there. In other cases, I click on the visible start icon, but the screen of the vid just goes to black.
    When I switched to Safari, all of these embedded videos opened without a hitch. I'd rather continue with Firefox, but will have to switch to Safari if we can come up with a "fix" for this problem.
    I have a MacBook running Snow Leopard. This is a new problem which I haven't experienced with Firefox previously.
    BTW: I have only minimal tech skills.
    Thanks for any advice/help you can provide.
    Dave

    Hi Yogidave,
    It sounds like the videos are not loading properly. If there are not video controls, but there is a space for the video, this means that the item is loading, but the player is not loading.
    In understanding what you tried:
    I tried disabling the "Adblock Edge" add-on - it looks like this is no longer in the list of add ons that you have in the troubleshooting information, when you took this out, do the videos still leave space in the page where the video should be?
    The examples you used: Yahoo homepage and the davidlynchfoundation: I know the latter uses an embedded youtube video with has its own video player that uses flash, as well at Yahoo. (I am not sure if all the videos are flash in Yahoo)
    Since this is the case, can you please check your extensions to see if you have Flash installed or if you have it disabled? If so, please turn it on and visit the sites that are giving you issues to see if this resolves the problem.
    This article has pretty simple instructions how to install the player if it is not there[[Install the Flash plugin to view videos, animations and games]]
    The only other test I can suggest is to see if another type of embedded video does the same thing. For example, if you have netflix or hulu, see if those video players do the same thing.
    I hope this helps. (also I tested those pages in beta and it loads just fine, you are not short of watching videos again in firefox)

  • After upgrading to Mavericks, some websites won't load (using wifi)?

    Hey guys,
    I upgraded my Macbook Pro to Mavericks last December. I had some problems when loading some websites (such as eBay, Society6, etc) while I was at home using my home wifi in Indonesia. It's like, sometimes these websites won't load, but sometimes they do.
    I've tried different browsers and it's still the same. I thought, it was just the wifi at my home in Indonesia that's problematic, because at work (using cable), the internet's just fine. But THEN, I am now here in Australia, I don't usually have problems with my aprtment's wifi at all, but now it's doing that thing. Some websites won't load properly or won't load at all. I realized that this is most likely has something to do with my laptop (ie. upgrading to Mavericks. I've never had this problem before), because the wifi works just fine with my smartphone and my iPod.
    Has anyone encountered similar problem? How do you fix this?
    Thanks so much,
    S

    Hello sharlegit
    Try creating a new network location and test to see if the same thing happens of certain websites not working.
    OS X Mavericks: Add a network location
    http://support.apple.com/kb/PH13788
    Regards,
    -Norm G.

  • When I try to open a particular website I get pageck in the upper left corner and the website won't open

    When I try to open a particular website I get a pageck in the upper left hand corner of the screen and the website won't open.

    "pageok" Error: Godaddy Website Hosting
    but meantime, see an archive.org capture from Januuary 5 :  Wisconsin Wildlife Federation

  • Safari will show as active but a website won't come up. It crashes if I try to open a bookmarked site.

    Safari will show as active but a website won't come up. It crashes if I try to open a bookmarked site.

    Hi,
    If Safari has just crashed, press the Report button on the CrashReporter dialog box to view the crash  information.
    Now copy/paste the entire contents of the Crash Reporter window into your reply here. If the crash report dialog does not appear or the crash is hard to reproduce, crash logs can be retrieved from the ~/Library/Logs/CrashReporter> folder.
    Post a crash report so we can try and help you. Make sure and include the "binary images" section.
    Carolyn  

  • Websites won't load properly

    Hi
    After just fixing my wifi problem (http://discussions.apple.com/thread.jspa?threadID=1345209) I am able to access the internet but I have a problems loading pages from some websites. The browser will say that I have loaded the page fully, but none of the flash, javascript, or backgrounds will load. Some pictures, but not most of them would load. The page is a white background with text and links and a couple small pictures. The text is a default font and only the links are a color other than black. Most sites will work, but a few big one's won't.
    Some sites that won't work:
    youtube.com (This wasn't working and then it worked for about three days and now it's not working again. It worked on all of the other computers in the house, mac or windows.)
    facebook.com (This won't load on any of the mac computers in the house, but will work on our windows laptop.)
    flickr.com
    Sites that do work:
    Google.com
    apple.com
    pretty much anything else.
    This problem persists on both Firefox and Safari. I have tried restarting the computer, deleting the preference (.plist) files for both browsers, checking my firewall settings, and nothing has worked.
    Does someone know what is wrong?
    Cameron

    I still haven't resolved this problem. Here is some more information...
    youtube is the only website that has started working, but it sometimes stops working again.
    There are many other sites that don't work, cnn.com, washingtonpost.com (sometimes), and a lot of others.
    I have contacted our internet service provider and they said that they had nothing to do with the problem.
    Some websites will not work at all. Safari tells me that it can't find the server. Some that do this are ups.com, computerworld.com, and others.
    I think that the problem is that, for some reason, our mac computers can't access certain servers where we are. (We are at a small ski resort (on the mountain) in Canada.) I think this because when a site doesn't load properly there are several errors and they are all "can't find host" errors from a couple of the same sites (ex. example.something.something).
    *Also, I ran a test on speedtest.net on the laptop and one of our iMacs and the results were way faster than anything actually loads/downloads or than the activity monitor shows, even when checking the activity monitor at the same time as running the test.

  • Firefox refuses to go to any website, won't open bookmarks, just won't work. Oh HELP!!!!!

    I tried to open Firefox this morning and got a message saying that the installation was malformed (huh?!?!?!?). It opens but refuses to go to any website, it won't open any of my bookmarks, and it won't allow me to refresh or do ANYTHING AT ALL. I am running Mac OS 10.4.11 and I have ordered Snow Leopard but it hasn't arrived. Meanwhile, I'm unable to upgrade Firefox until Snow Leopard arrives...is there ANYTHING I can do to get my Firefox back in the meantime? Help.....!

    download the version you need from this link- [http://www.mozilla.com/en-US/firefox/all-older http://www.mozilla.com/en-US/firefox/all-older]

  • Firefox slow to start and websites won't load?

    Setup: Windows Vista. Firefox 4.0.1. McAfee Total Protection 2011. Wireless home network.
    As of yesterday everything worked well. Tonight I am having problems 1) connecting to the internet - I have to reconnect to my router before it accesses the internet 2) Firefox either doesn't start or is very slow 3) when it does finally slow, all the websites eventually time out and won't load.
    Last night I extended my McAfee - didn't have to d/l or install anything and earlier today my computer did some kind of update. The only way I can get any websites to open is to shut off the firewall in McAfee, then things seem to work fine but I don't want to leave it off for obvious reasons. Oh and I did set up a new Windows user profile for my kids but I don't see how that would really affect anything.
    Is there some kind of setting I need to change? Any suggestions would be appreciated!

    See "Hang at exit":
    *http://kb.mozillazine.org/Firefox_hangs
    See "Firefox hangs when you quit it":
    *https://support.mozilla.org/kb/Firefox+hangs

  • The NYT website won't stop loading whenever it does an auto-update. While this loading continues, other websites are unresponsive until I force the loading to terminate. This started happening with FF 4.0.1.

    When I do a manual refresh on certain sites like NY Times or CNN, or when sites like NYT periodically push an update through, the updates won't stop loading. It's as though the update never completes. The rotating circle icon on the affected tab just continues indefinitely. While this is happening, other websites that I try to open or update are either very slow or unresponsive.
    My fix has been to force the update to terminate by using the red X button next to the website name. Then other websites respond normally but often the one that I have manually stopped becomes unresponsive.

    Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
    * Don't make any changes on the Safe mode start window.
    * https://support.mozilla.com/kb/Safe+Mode
    If it does work in Safe-mode then disable all extensions and then try to find which is causing it by enabling one at a time until the problem reappears.
    * Use "Disable all add-ons" on the [[Safe mode]] start window to disable all extensions.
    * Close and restart Firefox after each change via "File > Exit" (Mac: "Firefox > Quit"; Linux: "File > Quit")
    In Firefox 4 you can use one of these to start in <u>[[Safe mode]]</u>:
    * Help > Restart with Add-ons Disabled
    * Hold down the Shift key while double clicking the Firefox desktop shortcut (Windows)
    * https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

  • Website won't update changes without clearing history/cache?

    I am in charge of a construction project website that I update weekly for a local community. I make the updates  and the files upload to the server correctly, but webpages' changes do not show up for me unless I clear my history, or put a "?" at the end of the url. This is fine for me to do this, but for visitors who bookmark my website and/or visit it frequently, I don't think it is realistic to have each visitor clear their history each week before visiting the website. What can I do so that they see the updates easily? Thank you for any suggestions.

    If you want to prevent the files from being cached at all, you can add the following <meta> tags in the <head> of the page:
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Expires" content="-1">
    However, this won't necessarily affect the behaviour of proxy servers. Some ISPs use proxy servers to store web pages to speed up their delivery. If you're having to clear your cache each time, it could be a proxy server that's not being cleared on a regular basis.

  • Flash website won't load in IE since installing Wordpress

    I have a flash website that's been running fine, but since I installed Wordpress on that server, the SWFs won't load from Internet Explorer. It still works fine in Firefox on both the Mac and Windows platforms. The Flash website is not associated with the WP blog at all, but it exists along side. I tried moving the blog folder up a level, farther away from the Flash site, but it didn't help. IE will see the index page, and the html elements, but no longer will load the flash. It's was working fine before. I should mention that there is also a b2 evolution blog installed in another directory on the server, if that makes any difference.
    Has anyone else run into this issue? Thank you for any suggestions!

    Sorry for posting, I'm an idiot   I made some edits to my index.html file and forgot to save out that pesky .js file that IE needs. It's just coincidence that I happened to install Wordpress the same day. Oh well, everythings OK now!

  • One specific website won't load on my MacBook Pro

    So, the title says it all pretty much.
    I've been accessing this website for nearly 6 months, daily. A few days ago, it just stopped loading (Safari and Chrome), it says it's loading the webpage but then says the webpage won't load. At first I thought it was because the website was down, but I could access it using my PC, Phone and iPad (same wifi connection) and still can, it just refuses to load on my MacBook and I can't figure out why!
    Anyone have any ideas?
    Thanks!

    Tried this also.
    Since posting, these are the things I have tried;
    Safari Reset
    Chrome Reset
    Tried using private browsing/incognito
    Macbook restart
    Wifi restart
    Complete router restart
    Changed DNS to 8.8.4.4 and 8.8.8.8
    Checked my anti virus software preferences for blocking websites
    Un-installed anti virus software
    Disabled Ad-Blocker
    Un-installed Ad-Blocker
    I then tried using the Guest account - still didn't work, so I did everything listed above on the guest account, still no luck.

  • Website won't finish publishing!

    My girlfriend is trying to publish her website to Mobile Me using iWeb '08, but every time she tries, the progress indicator in the iWeb window advances to the last sliver of the "wheel," and won't go any further. It doesn't give any error message or indication that anything is wrong, but won't finish the publication. We've already tried the plist/cache clearing fix, and that does make the upload run faster, but it still freezes on that last sliver of the progress wheel. Any suggestions?

    Nevermind, the site finally went up. It just took forever for that last little bit to publish; a far cry from the "few minutes" the tutorial video described.

  • Netflix website won't load correctly on new Macbook pro.

    The Netflix WEBSITE isn't loading correctly on my new macbook pro. The < > arrows used to scroll through movies on the homepage don't seem to be working. When you click/hover over them nothing happens. Also, the title and description box that usually appears when you hover your mouse over a movie isn't showing up either...and lastly the box where you can filter the movies you want to see in a specific category "Ex. "Dark comedies, Romantic comedies, Foregin Comedies etc.." isn't showing up.
    Im assuming this is an issue with either safari or the macbook itself because I don't know what else it could be. I tried clearing all cookies,
    cache, and history but it didn't help. The movies are streaming fine it's just the website that messed up. All other websites seem to be working fine though.

    Probably a Java issue.  Try another browser and also try loading Java from www.java.com.  BTW, the current version won't run properly in Safari, so you'll probably end up running FireFox anyway.

  • Website won't load on iPhone? Not Flash.

    Hey guys, the website http://www.esysco.ca won't load on my iPhone. It's not Flash so I don't really understand why. Anyone have any answers?
    Thanks!
    Jillian

    It's a very stupidly made website. For some unknown reason they have used Javascript to load the page contents into a frame and also they redirect the user if they try to load the frame contents directly.
    There's absolutely no reason for them to do this. Their web developers must be clueless and have not tested their site on anything other than computer browsers with mouse input.

Maybe you are looking for