Why, oh why, does everything centre so well in IE, but not Safari or Firefox?!

Hello, I'm tearing my hair out, please help before I go bald. I have a stripy background, and a centred div on top containing a white box (#DropShadow). All worked fine in IE, Safari & FF. Now i've added my menu which is a div with a table and images inside, it stops being centred in Safari and FF, but works perfectly in IE! Can anyone help? Have pasted all code below as have no idea what the cause is! Thanks.
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sherbet Studios</title>
<style type="text/css">
body {
background-image: url(../images/Background.gif);
background-repeat: repeat;
position: absolute;
z-index: 2;
left: 30px;
top: 10px;
#DropShadow {
background-image: url(../images/WhiteBackground.png);
background-repeat: no-repeat;
background-position: center bottom;
margin: auto;
height: 630px;
width: 800px;
position: relative;
top: 0px;
z-index: 1;
#Menu {
position: relative;
height: 490px;
width: 270px;
left: 35px;
top: 28px;
background-color: #FC0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('../buttons/Home on.gif','../buttons/Gallery on.gif','../buttons/About on.gif','../buttons/Contact on.gif')">
<div id="DropShadow">
<div id="Menu">
    <table width="270" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="160" height="287"><img src="../buttons/Home off.gif" alt="Home" name="HomeOff" width="160" height="286" id="HomeOff" onmouseover="MM_swapImage('HomeOff','','../buttons/Home on.gif',1)" onmouseout="MM_swapImgRestore()" /></td>
        <td width="110" rowspan="2"><img src="../buttons/Gallery off.gif" alt="Gallery" name="GalleryOff" width="110" height="432" align="absmiddle" id="GalleryOff" onmouseover="MM_swapImage('GalleryOff','','../buttons/Gallery on.gif',1)" onmouseout="MM_swapImgRestore()" /></td>
      </tr>
      <tr>
        <td height="146"><img src="../buttons/About off.gif" alt="About" name="AboutOff" width="160" height="146" align="absmiddle" id="AboutOff" onmouseover="MM_swapImage('AboutOff','','../buttons/About on.gif',1)" onmouseout="MM_swapImgRestore()" /></td>
      </tr>
      <tr>
        <td height="58" colspan="2"><img src="../buttons/Contact off.gif" alt="Contact" name="ContactOff" width="270" height="58" align="absmiddle" id="ContactOff" onmouseover="MM_swapImage('ContactOff','','../buttons/Contact on.gif',1)" onmouseout="MM_swapImgRestore()" /></td>
      </tr>
    </table>
</div>
</div>
</body>
</html>

To add a bit more to what Snakeyze said, you don't need positioning at all. Default CSS positioning which is unspecified or static is all that 's required for 98% of layouts.
To center your page, you need 3 things:
1) a valid document type declaration on the top line of your markup -- DW does this for you when you create a new page,
2) a container width in pixels, ems or %,
3) a margin-left and margin-right of 'auto' (browser default).
body {
width: 1000px; /**adjust as req'd**/
margin: 0 auto; /**with width, this centers page**/
background: url(../images/Background.gif);
#DropShadow {
background: url(../images/WhiteBackground.png) center bottom no-repeat;
min-height: 630px; /**height limits container height, if needed use min-height**/
width: 800px;
#Menu {
margin:0;
padding:0;
width: 270px;
background-color: #FC0;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Does anyone know why my ipod nano sixth generation is displayed in windows but not itunes? I followed all the suggestions but nothing

does anyone know why my ipod nano sixth generation is displayed in windows but not itunes? I followed all the suggestions but nothing.
I apologize if I write bad but I'm Italian

Doublechecking. Have you also tried a complete uninstall of both iTunes and all the other related software components and then a reinstall? If not, try the instructions from the following document:
Removing and reinstalling iTunes and other software components for Windows Vista, Windows 7, or Windows 8

Why is my iPad opening website links using the Google App not Safari?

Why is my iPad opening website links using the Google App not Safari? Everything was fine until two days ago when it started opening them with Google App. I tried uninstalling Google but nothing has changed. It would not bother me at all but it takes Google a lifetime to open them where as Safari used to do it in a matter of seconds. I own an iPad Air, iOS 7.1.2.

How is it opening a website with the Google App if you uninstalled it?
Are you sure its the Google App, and not simply Safari opening in a Google search?
What exactly is happening?
Basically there is no way to change the default browser for opening links.
However, some apps like The Gmail App will open links within themselves or Chrome if it is installed and the option is enabled in the Gmail App settings.

This is the same question I've asked 3x in 24 hours, but it doesn't appear in the listing. Maybe I need help in phrasing questions?:)Q. why can I play some DVDs on my MacBook Pro but not on desk top Apple (they're both -1 year olds

Hi
This'll be my third attempt in 24 hrs to ask the same question. maybe I need guidance on phrasing questions?:)
Q. Why can I always play DVDs on my MacBook Pro but not always on my desk top Apple. They're both less than year old. The desk top sometimes displays a message that says I have to change regions (from Australia to South America...doh...)

Region Code 4:
Mexico, Central and South America, and the South Pacific.
Includes Antigua and Barbuda, Argentina, Aruba, Australia, Bahamas, Barbados, Belize, Bolivia, Brazil, British Virgin Islands, Chile, Colombia, Costa Rica, Cuba, Dominica, Dominican Republic, Ecuador, El Salvador, Falkland Islands, French Guiana, Grenada, Guatemala, Guyana, Haiti, Honduras, Jamaica, New Guinea, New Zealand, Nicaragua, Panama, Paraguay, Peru, Suriname, Trinidad and Tobago, Uruguay, Venezuela
Apparently my first response was off in left field. The DVD player has its own code. My recommendation is to change the code when it asks. It is possible that the disks that play correctly are region-free and the ones that don't have a region code. If this does not work, you still have four more changes available; you won't be stuck with the new code.

I have a php module which runs fine in Firefox and all other browsers but not Safari. It always run twice - I see a small ? in upper right corner which is causing it to run twice but NO idea why? Help - thank you

I have a php module which runs fine in Firefox and all other browsers but not Safari. It always run twice - I see a small ? in upper right corner which is causing it to run twice but NO idea why? I read it MAY have something to do with am image it cannot load but I see them all loaded. Help - thank you

Could you share a link to the page?
Seeing it in context and in our browsers is much easier to debug.
If not, make sure to run the validator here The W3C Markup Validation Service and clear out any problems. HTML errors, especially structural ones, will cause all kinds of display problems in various browsers/versions/platforms.

Web-building my site. FIREFOX and NAVIGATOR is great but not SAFARI. Why?

Hi,
I am building my web site http://www.philthesecurityguard.com/ everything works great on FIREFOX and NAVIGATOR but not SAFARI. Example: on my web site, I click on REAL LETTERS in SAFARI and HALF of orange squares appears outside of my letters. FIREFOX and NAVIGATOR have FULL orange squares on the outside of my letters. Another example: The vertical thin partitions on my web is red on FIREFOX and NAVIGATOR, but there is no red line on SAFARI. How come SAFARI is "short circuiting?" (I have Adobe GoLive web builder.) [email protected]

> Tim G" <[email protected]> wrote
in message
> news:gha37j$7lg$[email protected]..
> "jus2sho" <[email protected]> wrote in
message
> news:gha2rf$74r$[email protected]..
>> Thierry,
>> Can you elaborate a little on what you said. I'm a
complete noob that
>> knows a
>> little about how to use DW. Will adding the .html
extension fix my
>> problem? I
>> have yet to change it because I don't have access to
Firefox to try out
>> right
>> now. I will in the morning.
>
>
> You absolutely need to have an HTML-compatible
extension. Whether that is
> your only problem... well, fix that, and then see.
Configuring the server would allow the OP to use file names
with no
extension [1], which imho would be a better approach [2].
Cool URIs don't change...
[1]
http://www.w3.org/Provider/Style/URI
[2]
http://www.w3.org/Provider/Style/URI#remove
Thierry | Adobe Community Expert | Articles and Tutorials ::
http://www.TJKDesign.com/go/?0
Spry Widgets |
http://labs.adobe.com/technologies/spry/samples/
[click on
"Widgets"]
Spry Menu Bar samples |
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html

Why can I open attachments (pptx and PDF) on iPhone but not on Mac?

Why can I open attachments (pptx and PDF) on iPhone but not on my MacAir (OS X 10.9.2)? Generally, I can open PDFs on my Mac, but in this case, I opened on iPhone, and not on computer! Also pptx file from one sender opened on iPhone, and not on Mac, and the same pptx sent from another person wouldn't open on either! Help!

Hi there. I think as far as PowerPoint files go (pptx) you will need a copy of Office or some other compatible software (e.g. Keynote) to open it on your Mac. On an iPhone there is a viewer built in just so you can take a look at most common attachment types. If you have a copy of Microsoft Office on your Mac you should be able to open the pptx files in PowerPoint.
OS X definitely has a PDF viewer, it's called Preview. I think you can also load Adobe Acrobat if you want but I've stayed away from it for years as I find Preview faster and better.
If you still can't open a PDF file attached to an email message on your MacAir by double clicking on it, could you let us know what error message you get, or what happens? That will help people to help you.
Ivan

Why is it I can drag audio in landscape orientation but not in portrait orientation?

Why is it I can drag audio in landscape orientation but not in portrait orientation?

Because landscape is the default layout mode.
Portrait, which is book--optional, is for editing already added content, basically.
Get your audio in and then test to learn how elements operate, and see Publishing With iBooks Author
http://shop.oreilly.com/product/0636920025597.do

Why can I sync iBooks on my iMac and iPad but not my Mac Book?

Why can I sync iBooks on my iMac and iPad but not my Mac Book?

That did cross my mind earlier today and when checking iCloud found that it had an old ID. I logged out and then in again on my current ID. It still doesn't sync.

HT4901 Suddenly I can no longer see any entries I've made in my calendar on my iphone 5. Everything still shows on my ipad but not on the phone. I LIVE by this calendar. Help!

Suddenly I can no longer see any entries I've made in my calendar on my iphone 5. Everything still shows on my ipad but not on the phone. I LIVE by this calendar. Help!

Hi Tammy56,
Welcome to the Support Communities!
The article below may be able to help you with this.
Click on the link to see more details and screenshots.
iCloud: Troubleshooting iCloud Calendar
http://support.apple.com/kb/TS3999?viewlocale=en_US
Cheers,
- Judy

Today I restore my phone, before I restored it I checked that my photos are saved on my icould, I did the backup and everything was back on my phone but not my photos! :( please help I need my photos back :|

today I restore my phone, before I restored it I checked that my photos are saved on my icould, I did the backup and everything was back on my phone but not my photos! please help I need my photos back :|

Hello purpleroses68
To download any photos that were on your My Photos Stream, then you will need to have Photo Streamed turned on within your computer. Keep in mind that My Photos Stream only holds the last 30 days of photos and those will be the only one that will download. Check out the articles below for more information for the process and general information about getting your photos downloaded.
Archive or make copies of your iCloud data
http://support.apple.com/kb/ht4910
iCloud: My Photo Stream FAQ
http://support.apple.com/kb/ht4486
Regards,
-Norm G.

Why does GarageBand audio work for guest user but not my account?

Hello, I have a 15-inch MacBook Pro (2.2 GHz Intel Core i7, 4GB 1333 MHz DDR3) from late 2011 that I bought brand new in 2012. I'm running OS X Mavericks 10.9.4 and my MacBook has 500 GB of storage.
About a month or two ago I tried to download the new GarageBand (10.0.2) but I had trouble completing the loops download. The download would stop halfway through because of a network error. So last week I decided to try to download it again, and I was able to do so after reading some discussions about the issue. I successfully completed the download in safety mode and then I restarted my MacBook. At this point I was able to open GarageBand 10.0.2 and create a new project. Unfortunately, there was no audio coming through the output and sound bar for the various audio components in GarageBand. I had no audio when previewing the loops or playing it back in an audio track. I didn't really test anything else out because I figured I needed to fix this problem first. I have read many discussion boards about audio problems with GarageBand. I have already made sure everything is set properly in the GarageBand preferences and the audio preferences in system preferences. I've tried restarting GarageBand and restarting the computer.
This evening I found a discussion from the username icewhatice and they seemed to have had my exact problem. I'm not sure that I found the answer on this discussion though. For reference, this is what icewhatice posted: "I have no audio coming from Garageband 10.0.2. Downloaded it on Saturday and have spent the last two days trying to figure out why it won't work. I'm using a macbook pro with an Alesis QX49. GB registers keyboard when I plug it in but no sound whatsoever, not even from the onscreen keyboard. It seems to read the keyboard as if I play a C chord, it appears in the display. I've done all the obvious stuff like check preferences, restart, I've deleted and downloaded new GB several times and always with same result. Actually, it took me about four attempts to download it in the first place as I was getting an internet connection error message right at the end of the download, and I see others have had that problem. Managed to solve that by downloading in safe mode but now the no sound thing is driving me absolutely crazy because I can't play my keyboard!!!!! Also, worth noting that there is no audio level being read anywhere, I believe in the new version this appears in the volume control at the top. I've also looked into it potentially being a problem with my keyboard and it possibly needing an update but can't find any difinitive answer for that anywhere. I've stopped looking into that because the on screen keyboard doesn't even work - if that worked then I would know at least GB works and it's something to do with the keyboard. So, I am at a complete loss. If anyone has any ideas about why this is happening or what I could do to solve then I would be very grateful."
After reading this, I realized that I am unable to create new tracks, and I realized that I have the same problems with old projects saved from the last version of GarageBand I had. I have not tried to download GarageBand again since it did not work for icewhatice. léonie ended this post by saying: "Something is certainly wrong - either the current project, some settings in your user account, or the downloaded GarageBand version. Or incompatible software may be interfering. If a new project does not work, try to test by logging into a different user account, for example the "Guest User" account. Create a new project using this account. Does GarageBand work better from this account? Then we will need to troubleshoot your preferences."
I have tried this and started a new GarageBand project in the "Guest User" account. GarageBand was working fine in the "Guest User" account and all of the audio was working properly. Does anyone know how I should troubleshoot my preferences?

If an application is working in a different account, but not in your regular account,try t find out, what you configured differently in your own account, for example start-up items or preference panes you are using, applications and other helper tools, that are only installed for your regular account. As a first guess, remove GarageBands preference files from the user library in your Home folder.
But you will have to reset all settings you did in the GarageBand preferences dialog. And GarageBand will not remember the last project. You'll have to find the file manually.
Remove these files from your User Library to a folder on your Desktop:
~/Library/Containers/com.apple.garageband10/
~/Library/Preferences/com.apple.garageband.plist
~/Library/Caches/garageband
Quit GarageBand, then remove the files to a folder on the Desktop and restart the computer, before trying again to open GarageBand.
You user library may still be hidden, as is the default in Mavericks: To open your hidden user library:
Select the "Home" folder icon (the little house) in the Finder's sidebar and press the key combination ⌘J to open the "view options".
Enable "Show Library Folder".
Then open the Home folder and open the Library folder inside and navigate to the Preferences, Caches, or Containers folder. Remove these folders completely - don't leave anything inside: ~/Library/Containers/com.apple.garageband10/,
~/Library/Caches/garageband .

Why does my javascript code work fine in all other browsers, but not Safari

Previously, I have asked how Safari handles javascript trying to resolve a problem with a slide menu, (http://www.designoutput.com/testslide.html) being directed to validator. I have corrected as many things as possible and still have code work in other browsers. Why will my code work in all other browsers (IE 5.2, Firfox, Netscape, and Opera) and not Safari. It appears that Apple would address some of the problems that people are listing. Possibly, my problem is not with Safari, but my code, if so why does it work in all other browsers. Having more knowledge of how Safari accepts code or handles code differently than other browsers would be helpful. It would be nice if I could debug my code in Safari step by step to know where the problem is at. I'm just frustrated with Safari after working on my problem for over a month. Would be very greatful to anyone that could just being to get my code to appear in Safari (only a blank page in Safari, menu appears in all other browsers)
G4 AGP 400, Powerbook G4, G4 Siver 733 Mac OS X (10.4.7)

you seem to have deleted even more end tags. elements (<a>, <div>, <td>, etc.) need to be closed (</a>, </div>, </td>, etc.) to structure the code properly.
incorrect:
document.write(<font ...><b>example)
correct:
document.write(<font...><b>example</b></font>)
check out w3schools for html and javascript help.
the ilayer tag should only be in your NS (i.e. not NS6) code, but it too needs to be closed.
i don't use IE, but with these fixes i've gotten your page to display fine in safari, firefox and opera.
iBook g4 OS X.4.x

TS2621 why may I send email when wi-fi is enabled, but not when it is disabled?

iphone 4s with verizon will send email via wi-fi but not 3G. Are there any ideas why?

Depends on the email account. If it is from your Internet provider they may only allow use of their SMTP server for sending emails when on their network. To send emails when not on their network (i.e. when using Cellular data) it would require using a different SMTP server.

FCP Quicktime Movies works well in iDVD, but not in DVDSP

Hello,
I work in a film school with several iMac & PowerMac editing suites running Final Cut Studio 2.
Every computer is set up exactly the same way, yet we are having odd problems with DVDSP on one of the PowerMacs.
From FCP6, we export self contained quicktime movies, that we then Compress, and then import into DVDSP. This system works well on all of our new iMacs, but on the 3 year old PowerMac, the resultant DVDs that it burns do NOT playback on any DVD Players at all.
Yet strangely, when I take the same QT Movie into iDVD on that computer, it burns a perfectly good DVD.
I have even tried bringing the QT Movie files and Compressor files from the Power Mac and transfer them onto an iMac and have been able to burn them fine that way as well. This is occurring with all the FCP projects on this computer.
Any help would be much appreciated,
Sincerely,
Marc Griffin

It could be a few things, but it may be that the drive itself is dirty or going. It sounds strange but there were people on the board who ran into issues where they could burn the DVD but not play it back on the same drive. Could be something became corrupted. Also people have noticed some strange things happening if an install of Studio 2 was done over a prior installation - it seemed to be most reliable by doing a fresh OS install then installing 2. Also does the computer have all the updates to the software? Are all the computers running the same OS? Have you deleted prefs and repaired permissions?
Also check your settings on the PowerMac, are you doing a proper build/burn? Did you set a first play? Are you using the same type of media?

Why, oh why, does everything centre so well in IE, but not Safari or Firefox?!

Similar Messages

Maybe you are looking for