Page positioning different in different browsers

I am creating a site based on the standard Dreamweaver twoColFixLtHdr.css file which contains as the first line in the body definition
margin 0 auto; to allow the page to be centered in the browser window. This what I want, and works great in IE !!!; but the page aligns left in both Netscape and FireFox. Any suggestions would be greatly appreciated.

Sorry for my ignorance but don't understand the syntax you asked for. Here is the code for one of the pages  (they are all very similar) and I have attached the two CSS files I am using. Unfortunately the site is still under construction and not available on the web.
Thanks in advance for your time and assistance.
<!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>Untitled Document</title>
<link href="CSS/twoColFixLtHdr.css" rel="stylesheet" type="text/css" /><!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<link href="CSS/main.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>
<body class="twoColFixLtHdr">
  <div id="container">
    <div id="topText">
      <a href="Misc/map.html">Directions</a><a href="http://www.mapquest.com/beta"></a>  |  <a href="Misc/contact.html">Contact Us</a><a href="mailto:[email protected]"></a>
     <!-- end of topText--> </div>
    <div id="header">
      <img src="PNG/header.png" alt="Family Scene" width="780" height="337" align="top" />
    <!-- end #header--> </div>
    <!-- redefinition of sidebar -->
  <div style="background-color: #FFF; float: left; margin: 0;
position: relative; top: 0;
width: 200px; height: 510px;">
    <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="#">Home</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">About Us</a>
        <ul>
          <li><a href="#">About Our Family</a></li>
          <li><a href="#">Worship Services</a></li>
          <li><a href="#">2009 Theme</a></li>
          <li><a href="#">Church Leadership</a></li>
          </ul>
        </li>
      <li><a href="#" class="MenuBarItemSubmenu">Ministries</a>
        <ul>
          <li><a href="#">Preschool</a></li>
          <li><a href="#">Children</a></li>
          <li><a href="#">Youth</a></li>
          <li><a href="#">College &amp; Young Professionals</a></li>
          <li><a href="#">Adults</a></li>
          <li><a href="#">Women</a></li>
          <li><a href="#">Seniors</a></li>
          <li><a href="#">Servants</a></li>
          </ul>
        </li>
      <li><a href="#" class="MenuBarItemSubmenu">Calendars</a>
        <ul>
  <li><a href="#">Events</a></li>
  <li><a href="#">Youth</a></li>
  <li><a href="#">Anniversaries</a></li>
  <li><a href="#">Birthdays</a></li>
          </ul>
        </li>
      <li><a href="#">Podcasts</a></li>
      <li><a href="#">For Members</a></li>
      <li><a href="#">Directions</a></li>
      <li><a href="#">Contact Us</a>      </li>
  </ul>
  <img src="Images/Timberlane Logo.jpg" alt="Timberlane Logo" width="200" height="69" hspace="0" vspace="0" align="left" />
  <p class="sideBarText">Timberlane church of Christ<br />
    3569 Timberlane School Road<br />
    Tallahassee, Florida 32312<br />
    Office: 850.893.6469<br />
    Fax: 850.893.4135<br />
    <a href="mailto:[email protected]">[email protected]</a></p>
    <br />
    <br />
    <!-- end #sidebar1--> </div>
  <!-- redefinition of mainContent-->
  <div style="background-color: #2c5986; float: left; margin: 0; padding: 0; width: 580px; height: 150px; ">
  <!--<div style=" background-color: #2c5986; width: 580px; height: 150px; font-size: 11px; color: #FFF; margin-left: 0; margin-top: 0" >
-->
  <p class="titles">
    welcome!
  </p>
  <p>
    Looking for a place to belong? You’ve come to the right place. Timberlane church of Christ is made up of imperfect people prayerfully striving to align our hearts and minds with that of Christ Jesus and to share His love with our community in Tallahassee, Florida. We hope you’ll see Jesus in us and come to visit us soon!
  </p>
    <!--  end of Top Box--> </div>
    <div style="background-color: #ebb700; width:194px; height: 360px; color: #000; float: right; ">
      <p class="titles">
        ministry of the moment
      </p>
      <p>
        Timberlane’s College and Young Professionals (TCYP) are devoted to growing closer to God and
        becoming more like His Son in the Tallahassee community. With
        Sunday night dinners together, monthly devotionals and service projects, they’ve established
        themselves as a loving group of God’s people. Join them as they continue to seek Him in this period of transition.
      </p>
  <!-- end of Right Column--></div>
  <div style=" width:385px; height: 360px; background-color: #FFF; color: #000; float: left;">
  <p>
  <span style="color: #000; font-size: 24px;">from the minister</span>
  </p>
  <img src="Images/Tim Stutzman.jpg" width="162" height="250" hspace="15" align="right" />
  <p class="pindex_black">
    Greetings!
  </p>
  <p class="pindex_black">Let me tell you as succinctly as I can what the family at Timberlane is all about: We love the Lord. We love God's Word. We love each other.
  </p>
  <p class="pindex_black">
    We are serious about taking Jesus' revolutionary message of grace, truth
    and compassion to our neighbors in the
    Tallahassee area.
  </p>
  <p class="pindex_black">We would love to have you join us on that
    journey!
  </p>
  <!-- end Left Column--> </div>
  <!-- end of Main Content--> </div>
  <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats-->
  <br class="clearfloat" />
  <div id="footer">
    <p align="left">&copy; Timberlane church of Christ 2009</p>
    <!-- end #footer--> </div>
  <!-- end #container --></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
<!-- end of body--> </body>
</html>

Similar Messages

  • HELP! Please :) my website looks different in different browsers. Link boxes are showing in IE!!

    Please help me!  I'm pretty new to web design.  Built this website from scratch - designed in photoshop and put together in dreamweaver.  I launched the site and it looks great in safari, but had a friend look at it with explorer and the blue link boxes (the one that lets you know you have something linked in dreamweaver) are showing up on the interent explorer browser and I can only assume there are issues in other browsers as well.  Please help if you can.  Here is a link to my website:   www.shandryntrumble.com  Thanks

    Thanks for your help!Should I create an external style sheet?  I'm still unsure of where and what to put in the document.  Where are the CSS  tags?  And what exactly do I place in them?  Sorry, I'm so new to this.  Thanks for your patience.
    Date: Fri, 22 Mar 2013 10:13:43 -0700
    From: [email protected]
    To: [email protected]
    Subject: HELP! Please my website looks different in different browsers. Link boxes are showing in IE!!
        Re: HELP! Please my website looks different in different browsers. Link boxes are showing in IE!!
        created by Nancy O. in Dreamweaver - View the full discussion
    Bad information.  You don't need a class for this.  Simply add the following CSS code to your style sheet.  An external style sheet is preferred but it if you don't have one yet, add this code to the CSS inside the  tags of your HTML document. /*remove borders from all linked images*/a img    Nancy O.
         Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5170378#5170378
         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5170378#5170378
         To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5170378#5170378. In the Actions box on the right, click the Stop Email Notifications link.
         Start a new discussion in Dreamweaver by email or at Adobe Community
      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

  • How to add custom link or button to task details page to open a different t

    Dear All
    In HumanTasks Workflow, On task details page, I want to add a custom link or button. Clicking on this link or button, should load a different task details page.
    The exact business usecase is like this:
    1. We have some human tasks with very detailed payload like about 100 attributes. When the task is submitted for Approval, we send notification emails. These emails shows the Task Details with all these 100 attributes along with standard Approve, Reject buttons etc. NOW in addition to this, we want to add extra custom button/link like Custom View. When we click on this buton or link, it should replace the task details page with the Custom task details page contents. The reason is most of the managers/approvers access their emails on smart phones like iphones. So in these phones, seeing full task details (100 attributes) is very tedious. So we want to provide a simplified view of same task with very minimum attributes like about 10 with Approve, Reject buttons. Now this compact view details will have a button called Detailed View on click on which it loads details page.
    So we want to have 2 pages for a task:
    taskDetails1.jspx -> Has all 100 attributes with a custom button/link called "Compact View". Click on Compact View switch to below page.
    taskCompact1.jspx -> Has only 10 attributes with a custom button/link called "Detailed View". Click on Detailed View switch to above page.
    1. I tried implementing this using the VacationRequest sample where the payload is like creator, startdate, enddate, reason. I already have taskDetails1.jspx page, which shows this information in the email body.
    2. I want to add another button to taskDetails1.jspx so that when I click on it, I want to load a different page like taskCompact.jspx which has only say creator, reason.
    I already added a link and gave the url with parameters like taskId, taskContext etc which I got from bindings, but nothing is displayed when I click on custom button. The taskId, context values are comming correctly in the url.
    So bottom line, what is the URL that I can provide in the task details page, to load a different task details page contents. I want to pass other taskdetails jsp details.
    Please let me know, if there is any other approach to implement this usecase.
    Thanks in advance
    Ravi Jegga

    Hi,
       I am not sure if you can add your own custom buttons to the application tool bar because your table control is in a sub screen area in a standard screen so the menu area would be controlled by the standard screen and not the subscreen , but along side the table control you can give buttons for scrolling and handle the same in the subscreen if you check the FM EXIT_SAPLMEREQ_002 it has a variable IM_UCOMM which would have the ucomm set in the subscreen so here you can handle your user command to scroll on the table control.
    Regards,
    Himanshu

  • WAD:  anyway to bind each tab of the tab page web item to different query?

    WAD:  anyway to bind each tab of the tab page web item to different query?
    We check the properties of the tab page web item, but can't find we can bind the tab to some query.
    Any idea?
    Thanks!

    will try to write as much detail steps as i can...
    drag tab page web item in wad window
    go to its properties
    for e.g. u currently have only 1 tab page
    than name tab page1 as p1
    hit button with ..
    this will let u add new heading to tab page 2
    likewise save heading of 4 tab pages in properties of tab pages
    now choose container web item
    drag it in tab pages window
    assign seperate analysis item in each container item
    assign seperate queries in each analysis web item.
    assign container1 to tab page1
    assign container2 to tab page2
    assign container3 to tab page3
    assign container4 to tab page4
    and their heading viceverssa
    save it execute it
    now u will have 4 queries in 4 container item and uc an see that in different tab pages.

  • Page navigation same portal different portlet applications

    Hello OTN,
    I have a question regarding the best way to perform page navigation using the ActionResponse.sendRedirect method.
    There is one Webcenter Portal, and in it are multiple pages. Each page has portlets from different 286 PortletProducer applications.
    I can copy the url out of the browser and remove the params, and use that string in my controller to redirect me successfully to the home page of the portal.
    However that URL does not reference a non-home page, i.e. one not hooked up to Root.
    I tried constructing the page url by appending the path from pages.xml to the portal context, but got no love from that either.
    If i want to redirect to a different page, what is the best way to specify the page so I can use the sendRedirect method?
    Thanks,
    PowerUser 862605

    if you use sendRedirect method ,then make sure the following conditions are satisfied.
    This method only accepts an absolute URL (e.g. http://my.co/myportal/mywebap/myfolder/myresource.gif) or a full path URI (e.g. /myportal/mywebap/myfolder/myresource.gif). If required, the portlet container may encode the given URL before the redirection is issued to the client.
    some good examples are her -http://www.javadocexamples.com/javax/portlet/ActionResponse/sendRedirect%28String%20location%29.html
    Personally , I haven't checked it .so try this and see what's the results is .

  • Font Rendering different in different browsers

    Hello All,
    Have a look at the Box at Top Right Corner, the text in this box renders differently is diffrent browsers. For firefox 4 on windows 9 it goes out of the box.

    Hi,
    a little help for understanding might be Murray's answer to me, where he linked to an article where a lot of different illustrative presentations of browsers are collected. Thread was  "bgcolour not showing up on web" http://forums.adobe.com/message/3041987#3041987.
    Murray's answer was: Styling form tags is not so easy as each browser has a mind of its own.  Here's an article about that:
    http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/
    Please have a look to more of Roger Johansson's elaborations and tracts, like
    http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/
    http://www.456bereastreet.com/archive/200409/styling_form_controls/
    http://www.456bereastreet.com/lab/styling-form-controls-revisited/button/
    Hans-Guenter

  • TPM13 position flows in different currency

    Hi gurus,
    For one IRI instrument i was trying to reverse the cash flows and it is giving me an error currency_invalid. When I ran the report tpm13 i could see flow in different currencies. Like the position currency is different from valuation currency. I am not able to reverse or change the instrument.
    Can anyone help
    Thanks

    Hi,
    Please make sure that you have maintained an exchange rate for combination of position currency and valuation currency for the exchange rate type defined in the position management procedure assigned for that product type.  Also please elaborate on the error you are getting.  Have you created the ITI in the position currency?
    Regards
    Ravi

  • IWeb page w. 4 different movies creates site with 4 same movies

    I can't figure this out...(iWeb '08)
    I create a site in iWeb and use the Media window to drag in 4 different movies, each one a couple minutes in length. The site is just how I would like it.
    I then publish the site. When I go to view the published site (at me.com), it has published 4 of the same movie. It was like I dragged the same movie in 4 times. I've restarted everything, recreated pages over game...all with no luck. The movies are all in iMovie and held as different projects (that is how I get to them through the inspector).
    Any advice? This is driving me nuts!
    When I create 4 different pages, each with a different movie, then it will STILL NOT publish correctly, with a different movie on 2 of the pages, and the other 2 the same. I have re-checked everything in iWeb and iMovie and everything appears normal. Ugh!
    Thanks!

    Try the basic and quick fix of deleting the iWeb preference file, com.apple.iWeb.plist, that resides iny your User/Library/Preferences folder. Then launch iWeb, do a Publish All to MobileMe and see if there's any change.
    OT

  • Reinstalling pages for free on different apple products is it possible?

    I purchased an older version of pages on my ipad a year or so ago ,  I no longer have the ipad but I have my trusty mac book and iphone.
    I would like to install the pages app on both my mac and iphone fro convenice however i do not wish to have to pay again for the privilege, can I reinstall the app for free? As currently even when im signed into my account pages does not show as a purchased item yet I have paid for the app. Many Thanks, Chris

    Welcome to Apple Support Communities
    You can install Pages for free in the iPhone, but not on your MacBook. Pages has got the same version for iPhone, iPad and iPod touch, so when you purchase it in the App Store, you can install it as many times as you want in all your iPhones, iPads and iPods touch for free. If you don't see it listed in Purchases in the iPhone, see if it's hidden, and if so, unhide it > http://support.apple.com/kb/ht4919
    Respecting to the MacBook, Pages has got a different version for Macs, so you have to buy Pages at the Mac App Store if you want to use it in your Mac. After doing that, you will be able to install it as many times as you want in all your Macs for free

  • Page looks horrible in PC browsers

    so i'm satisfied with the way this page looks on MACS but PCs
    is a totally different story. How can I clean this up?
    http://litigationsupportcareers.com/test/index.html
    thank you

    A good place to start on layout problems is the W3C's
    validator. Your page
    turns up some very interesting errors....
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flitigationsupportcareers.com%2Fte st%2Findex.html
    The first one refers to a missing doctype. It's quite
    important that your
    page have a valid and complete doctype, as this is the only
    way to insure
    that your layout gets rendered by the various browsers in
    standards mode
    rather than quirks mode.
    The most striking errors on your page are those that reveal,
    perhaps, a
    complete misunderstanding of how CSS works, e.g.,
    p4
    {color: #333333;
    font-style: normal;
    text-align: left;
    font-family: times new roman;
    font-size: 11px}
    <td align="center"
    valign="top"><p4>&bull;</p4></td>
    <td><p4>Market your positions directly to job
    seekers
    You are using CSS selectors as if they were HTML tags. They
    are not. To
    make this work, you would need to have this -
    .p4
    {color: #333333;
    font-family: "times new roman", times, serif;
    font-size: 11px}
    (note the leading period on the p4, the deleted default
    styles and the use
    of a) quotes around font names containing spaces, and b) a
    font family to
    account for the fact that not all computers have Times New
    Roman installed)
    and then this -
    <td align="center" valign="top"
    class="p4">&bull;</td>
    <td class="p4">Market your positions directly to job
    seekers
    What you have defined as an invalid TYPE selector in the CSS,
    should be a
    CLASS selector.
    But the most important reason why your page looks different
    on different
    computers is explained here -
    http://apptools.com/rants/spans.php
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "brad_goldstein" <[email protected]> wrote
    in message
    news:[email protected]...
    > so i'm satisfied with the way this page looks on MACS
    but PCs is a totally
    > different story. How can I clean this up?
    >
    >
    http://litigationsupportcareers.com/test/index.html
    >
    > thank you

  • Scroll shows differently on different size screen/monitors

    hi,
    i am using DW mx 2004. i would like to know the following:
    -  how to have the scroll from this doc show its fullness no matter which monitor or screen view it. i have the
    -  i would like to know how to have a side table whereas it does not move. it would be separate from the main table but on the right.
    hopefully this make sense...
    attached is the web page and i will post the code here as well.

    Akaya00 wrote:
    -  how to have the scroll from this doc show its fullness no matter which monitor or screen view it. i have the
    Not possible. HTML page rendering is dynamic and it's normal that it looks different at different screen resolutions, in different browsers, different operating systems.... . If you must have a certain paragraph or line of text in view, use anchors in the code to jump to them immediately.
    -  i would like to know how to have a side table whereas it does not move. it would be separate from the main table but on the right.
    Create a DIV element and define its position to be fixed or static. Please check the help or some reference site on teh internet for CSS style definitions and attributes.
    Mylenium

  • I'm a new user. My fonts look different on different browser!

    Hi,
    I have created a simple site and the fonts that i use in dreamweaver appears different on different browser after i uploaded the page.
    Can anyone please tell me why?
    i tried uploading the truetype fonts too but didn't work.
    Please help? Thanks alot.
    cheers

    Are you using web safe fonts?  If you are not, then different browsers can render the text differently. There is no need for you to upload any fonts.
    The problem arises too, if someone hasn't got a font that you may have used, their computer will use the default font in their browser.
    Here's a list of web-safe fonts:
    http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
    If this isn't the issue, then maybe post a link to the problem pages.
    Nadia
    Adobe® Community Expert : Dreamweaver
    Unique CSS Templates |Tutorials |SEO Articles
    http://www.DreamweaverResources.com
    Book: Ultimate CSS Reference
    http://www.sitepoint.com/launch/005dfd4/3/133
    http://twitter.com/nadiap

  • Why same custom designed item looks different on different MIDP phones?

    Same MIDP application looks different on different phones, which is obvious. But the sizes of custom items are also looks different, which is some thing trouble some. IE the custom designed button of size say 50 X 20, looks proper on BlackBerry MIDP phone, but same button looks very small [cant even recognize] on Nokia MIDP phone. Why it is so?
    Is there any way to design items as per the phone dimensions? Regards.
    Note: I want to get standard item size, font size etc. so that I can use them directly. In this case on every device the designed items will look proper
    Edited by: nikhil_shravane on Aug 21, 2010 04:27 AM

    The look depends on mainly three things, the screen size, screen resolution and dpi. Although dpi is related to the ration of screen size and screen resolution. If the dpi is higher, the same image or item will look smaller than from a device which has a lower dpi. Like the iPhone and BB Bold both has almost identical screen resolution, however Bold has a higher dpi so the same image or a html page looks smaller on Bold than it is in iPhone.
    Regards,
    SD

  • My forms are extremely slow today (April 28, 2014).  Tried different computers, different networks.

    My forms are extremely slow today (April 28, 2014).  Tried different computers, different networks. Updated to the latest Flesh and used Macs and Windows, differnt browsers, firewalls on and off.  NADA.  Need help as the clients need to fill them out before May 1!!!!!

    We're very sorry that the site is having issues today, we're working hard to resolve ASAP. 
    I posted an announcement at the top of the Forums which I will update as we recover service. 
    Thanks,
    Josh Corey

  • Vendor Name Appearing Different for Different Line Items in FBL1N

    Hi,
    I am executing FBL1N and changing the layout to include the Vendor Name in the line items. But when the line items are appearing, the Vendor Name is appearing different for different documents. I wish to see from where the system is picking up the name, so that I can rectify this. But since the layout is being changed after the report is executed, the debug window is taking me in this. Can someone help me please how to debug so that I can see from where the name is coming?
    Thanks and Regards,
    Sameer Joshi

    Hi Raymond,
    Yes it was due to the BADI.
    Thanks for your reply.
    Thanks and Regards,
    Sameer Joshi

  • How can we choose to have different apps, different playlists, different contacts, etc., on each device., while using one itunes to sync more than 1 iphone

    How can we choose to have different apps, different playlists, different contacts, etc., on each device., while using one itunes to sync more than 1 iphone

    Use Multiple Devices with One Computer
    How to use multiple iPods, iPads, or iPhones with one computer

Maybe you are looking for

  • How to create .JAR file in JSE 8?

    I don't know how to create a .JAR file from my project. I found a .JAR file in .../dist under my project folder, but I could not run it.

  • Resource conflict- pci network controller in slot 09

    hi there! im looking for help with this problem which ive had for teh last 3 months. basically one day, when i turned my laptop on it didnt log straigh into windows, it came to a screen that said 'resource conflict - pci network controller in slot 09

  • What will happen if I accidentally overcharged my iphone?

    I accidentally fell asleep last night with my iphone on the charger. When I woke up in the morning and took it right off. It is working fine but I was just wondering can overcharging your battery ruin or affect your phone in anyway?

  • Measurement report including limits and comparison type LT/LE

    If I choose "include limits" in report options and the numerical limit teststep uses LE or LT as comparison type Teststand uses Step.Limits.Low as property for the that single limit. But logically this is a high limit and at least the test report sho

  • Creating Sales Order from WEB Dynpro

    Background: My client has the requirement to front end SAP Sales Order Create with a WEB Dynpro screen. This WEB Dynpro screen is used to enter minimum data required to create a sales order, plus custom VBAP fields, (added to VBAP using append struct