Layout page shifted in IE 6.0

Please I need some help! My site looks good in all browsers
except in IE 6.0. Content of the page is shifted all the way to the
bottom.. Have no idea why.. Been trying to figure this out for the
last 2 days! Any suggestions are welcomed. Thanks!
Link to the site

Increase text size in your browser to see what happens to
your page. As it
is now, you have defined height & width in pixels for
your containers. When
content or text size exceeds those dimensions, your page
breaks apart.
Also, I see no clearing division for your floats.
Read this:
http://www.quirksmode.org/css/clearing.html
Cute site, BTW :-)
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"rio333" <[email protected]> wrote in
message
news:g84ia3$rpr$[email protected]..
> Please I need some help! My site looks good in all
browsers except in IE
6.0.
> Content of the page is shifted all the way to the
bottom.. Have no idea
why..
> Been trying to figure this out for the last 2 days! Any
suggestions are
> welcomed. Thanks!
>
>
http://www.fidossurgeon.com/
>

Similar Messages

  • How do I get my Fluid Grid Layout page to resizes from portrait to landscape for iPhones?

    Starting in portrait on my iPhone 4, the fluid grid layout page does not resize when I turn to landscape.  After I refresh / resize to fit the page on landscape and then turn the iPhone to portrait, the page resizes just fine.  Everything seems to be working just fine on the desktop, ignoring IE.  Could it be my media query tags?
    If anyone knows a solution, it would be much appreciated.  Thanks.
    Here is my test page: http://www.bedroomandmore.com/1_b_fluidGrid.html
    Here are my media query tags (the first set of rules does not have the media query tag and becomes the default):
    @media only screen and (max-device-width: 480px) and (orientation : landscape) {
    @media only screen and (min-width: 481px) {
    @media only screen and (min-width: 769px) {
    Here is most of my media query CSS:
    @charset "UTF-8";
    /* Simple fluid media
       Note: Fluid media requires that you remove the media's height and width attributes from the HTML
       http://www.alistapart.com/articles/fluid-images/
    img, object, embed, video {
              max-width: 100%;
    /* IE 6 does not support max-width so default to width 100% */
    .ie6 img {
              width:100%;
    /* Mobile Layout: 480px and below.(smartphone portrait) */
    .gridContainer {
              width: 95.4184%;
              padding-left: 0.5907%;
              padding-right: 0.5907%;
    #header {
              clear: both;
              float: left;
              display: block;
              margin-left: 0%;
              width: 72%;
              max-height: 0%;
              display: -moz-box; /* Firefox */
              display: -webkit-box; /* Safari and Chrome */
              display: box;
              border: none;
              top: auto;
              padding-top: 0.25em;
    #menuHorizontal {
              clear: both;
              float: left;
              width: 118%;
              height:100%;
              margin-left: auto;
              position:relative;
              top:-1em;
              display: block;
    #slides {
              clear: both;
              float: left;
              margin-left: 0.1em;
              width: 119%;
              position: relative;
              top: -1em;
              display: block;
                        /*Slides container: Important: Use position:relative; with top:-1em; together to position div.
                                  Set the width of your slides container
                                  Set to    display: none     to prevent content flash*/
    .slides_container {
              clear: both;
              width: 100%;
              display: block;
                        /*Each slide: Important:
                                  Set the width of your slides
                                  If height not specified height will be set by the slide content
                                  Set to     display: block     for original setting
                                  slide_container is container size
                                  slides_container div set the size of the image inside--adjust to fit image in it so it is not cropped*/
    .slides_container div {
              clear: both;
              width: 69%;
              display: block;
              /* Mobile Layout: 480px. (smartphone landscape)
                                  Inherits styles from Mobile Layout 480px.
                                  Set to clear:none; to allow div to shift up
                                  Or set to clear:both; to take a whole row of the screen*/
    @media only screen and (max-device-width: 480px) and (orientation : landscape) {
    .gridContainer {
              width: 95.4184%;
              padding-left: 0.7907%;
              padding-right: 0.7907%;
    #header {
              clear:both;
              float: left;
              display: block;
              margin-left: auto;
              width:100%;
              display: -moz-box; /* Firefox */
              display: -webkit-box; /* Safari and Chrome */
              display: box;
              border: none;
    #menuHorizontal {
              clear:both;
              float: left;
              width: 110%;
              margin-left:auto;
              display: block;
    #slides {
              clear:both;
              float: left;
              margin-left: 0%;
              width: 68%;
              display: block;
                        /*Slides container: Important:
                                  Set the width of your slides container
                                  Set to    display: none     to prevent content flash*/
    .slides_container {
              clear:both;
              float: left;
              width: 100%;
              display: block;
                        /*Each slide: Important:
                                  Set the width of your slides
                                  If height not specified height will be set by the slide content
                                  Set to     display: block     for original setting*/
    .slides_container div {
              clear:both;
              width:69%;
              display: block;
                        /* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout.
                                  Set to clear:none; to allow div to shift up
                                  Or set to clear:both; to take a whole row of the screen*/
    @media only screen and (min-width: 481px) {
    .gridContainer {
              width: 95.9456%;
              padding-left: 0.5271%;
              padding-right: 0.5271%;
    #header {
              clear:both;
              float: left;
              display: block;
              margin-left: auto;
              width: 100%;
              display: -moz-box; /* Firefox */
              display: -webkit-box; /* Safari and Chrome */
              display: box;
              border: none;
    #menuHorizontal {
              clear:both;
              float: left;
              margin-left:auto;
              display: block;
    #slides {
              clear:both;
              float: left;
              margin-left: 0%;
              width: 70%;
              display: block;
                        /*Slides container: Important:
                                  Set the width of your slides container
                                  Set to    display: none     to prevent content flash*/
    .slides_container {
              clear:both;
              float: left;
              width: 100%;
              display: block;
                        /*Each slide: Important:
                                  Set the width of your slides
                                  If height not specified height will be set by the slide content
                                  Set to     display: block     for original setting*/
    .slides_container div {
              width: 100%;
              display: block;

    I found the problem.  There is a bug in Safari for iPhone 4.  Use code to fix found at http://stackoverflow.com/a/6379407

  • How can i make a soft return with pages shift enter does not work!

    how can i make a soft return with pages shift plus enter does not work!!

    On full keyboards with a numeric keypad, the key above the right shift is "return" & the one on the numeric section is "enter." On a Mac (or Apple IIgs ) they do have separate functions. On the "mini" keyboards, both names are on the same key, but "enter" is written in smaller letters. I'll have to check to see how that works on another Mac later today.

  • How to remove Layout page when submitting reports in self service?

    Hi, when submitting a report or request thru self service, there are 7 steps or pages to go thru. We would like to hide some of these pages and we learned that this could be done thru the Web HTML Call tab when creating the function for the report (System Administrator->Application->Function). For example if you want to hide the Schedule page, just add &scheduleRegion=Hide in the Web HTML Call. We wanted to hide the Layout page and we added layoutRegion=Hide but it's still not hiding it. The other pages we could hide but for some reason the layout page won't. Anybody knows how to do this? Did we get the correct region name for the Layout page (i.e layoutRegion)?
    Thanks,
    Ronaldo

    Jus convert your report in Page Layout mode and see if your first pafe is getting expand in the second page.
    Now check if there are any cell going into second page.
    - if there are any blank cell which is there after table.
    you have to check formating very carefull.

  • "Oslo.Master" set as the The default Master Page, but when record selected in "List View Web Part" page shifts to the right.

    Hi All,
    I have set "Oslo.Master" as the The default Master Page for the site.   I have a page with a List View web part and an InfoPath Web Part connected.  When the page loads is it displayed correctly.  However, when a record
    is selected and the infopath web part is updated, the content on the page shifts (indents) to the right.
    Is there something I am missing?   Does anyone know how to correct this?
    Thanks in Advance!

    Hi Dwayne,
    I could reproduce this, as a workaround, we can use javascript code as below to hide the element in the following image.
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script>
    $(document).ready(function(){
    $('#contentBox').prev().hide();
    </script>
    Thanks
    Daniel Yang
    TechNet Community Support

  • Get jQuery Document Ready to work in a Custom Layout Page

    Hi
    Working with a branding company I have placed my Bootstrap and JQuery files at the bottom of my custom Master page 
    </footer>
    <!-- Bootstrap core JavaScript -->
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.min.js">//<![CDATA[
    //]]>
    </script>
    <script type="text/javascript" src="/Style%20Library/Client/js/bootstrap.min.js">//<![CDATA[
    //]]>
    </script>
    <script type="text/javascript" src="/Style%20Library/Client/js/bootstrap-datepicker.js">//<![CDATA[
    //]]>
    </script>
    All good!  Now if I add a   $(document).ready(function()  below the above definitions  and say have a date picker widget marked up this
    works.  
    I have noticed that in my case I am unable to run document ready function at the custom page layout level- only the one in the custom master file is ever executed -  I have tried moving the above definition files into the header as per the sample in
    Bootstrap2.html but SharePoint simply removes them  during the conversion. Moving the same document ready function out of the master into the layout page doesn't work
     I guess my question is am I am have a unique document ready function at the page layout level as this I would have thought this would be possible -  In my case I need my JQuery functon to perform some runtime branding that is unique per  page
    Daniel
    Freelance consultant

    for a quick and dirty implementation, I coded this up which works.  I will see about the other implementation as suggested by Hugh as I am not entirely happy about loading the document ready as there is a slight delays as the body class is set and the
    page is rendered 
    var bodyCSS ;
    function SetBodyCSS()
    var ctx = new SP.ClientContext();
    var site = ctx.get_site();
    var web = ctx.get_web();
    // construct a json object
    ctx.load(web);
    ctx.executeQueryAsync(function(s, a){
    var siteBodyContainerCSS = {
    "Sales": "Pink",
    "IT": "burgundy"
    // lookup the class to set from the title
    bodyCSS = siteBodyContainerCSS[web.get_title()];
    // only bother to set if not null , undefined or empty
    if (bodyCSS)
    $('#s4-bodyContainer').removeClass("default");
    $('#s4-bodyContainer').addClass(bodyCSS);
    else
    alert( ' no body css class defined for ' + web.get_title()) ;
    // now call this to get the body css class
    //]]>
    </script>
    </a>
    <script type="text/javascript">//<![CDATA[
    $(document).ready(function() {
    ExecuteOrDelayUntilScriptLoaded(function () {
    /* your code here */
    SetBodyCSS();
    }, "sp.js");
    $('#dp6').datepicker();

  • Page shift due to vertical scroll bar issue

    I'm working through a vertical scroll bar issue in my design, using a ProjectSeven CSS page template. When testing the site in my browsers (FF/Safari/IE/Opera), and IF the scroll bar is not present, the entire page shifts to the left (the width of the scroll bar) when I click a link in the left column of my design. The page does not shift when the vertical scroll bar is present. Support at P7 suggested the following fix:
    html, body {
    height: 100.1%;
    margin: 0 0 1px;
    I've tried placing this markup in about ten different places but can't seem to find the right location in the code. Is it possible for someone in the forum to take a look at my page source and show me where/how to locate this fix?
    See my test site at:
    http://www.murcal.com/test_curvi_2.html
    Thanks .  .  .  .

    PZ,
    I'd like to place the fix where you've suggested, but that's the whole issue.
    I simply don't know where my CSS ends (duh). Is it possible that you show me exactly where?
    Hopefully this is the right section of my code:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>PVII Curvitude</title>
    <link href="p7curvitude/p7CRVboxes982_2col.css" rel="stylesheet" type="text/css" />
    <link href="p7curvitude/p7CRV08.css" rel="stylesheet" type="text/css" />
    <!--[if lte IE 6]>
    <style>
    #navbar a {height: 1%; float: left;}
    </style>
    <![endif]-->
    <script type="text/javascript" src="p7pmm/p7PMMscripts.js"></script>
    <link href="p7apm/p7APM10.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="p7apm/p7APMscripts.js"></script>
    <link href="p7pmm/p7PMMh04.css" rel="stylesheet" type="text/css" media="all" />
    <link href="p7pmm/p7PMMh07.css" rel="stylesheet" type="text/css" media="all" />
    </head>
    <body>
    I've tried placing it in about ten different places, but I'm wrong everytime.
    Obviously, I'm a beginner trying to learn. I just can't seem to place it correctly.

  • How to edit the "Oracle Three Column Layout" page template?

    Hello all,
    My question is very simple: how can one edit the Oracle Three Column Layout page template? I tried searching the file system for a file called "threeColumnTemplate.jspx" but I cannot seem to find it. Is it hidden into a jar file of some kind? Or at least can anyone tell me the name of the nice component located in the upper right corner that displays the loading activity?
    Thanks.

    Extract oracle-page-templates.jar with winzip & browse to location oracle/templates
    open the file threeColumnTemplate.jspx using jdeveloper.
    after you open it , you can edit the logo , save the changes & create this jar again or save it to the zip which will automatically update the jar.

  • Applying custom master page on layout pages

    I am applying my custom master page on application layout pages which I am deploying using visual studio. My issue is; I have to copy my custom master page in the same directory where my layout pages exist otherwise its not working.
    I want to deploy my custom master in the default master page directory and refer it to my layout pages.
    is it possible or I have to copy my custom master page in the layout page directory ????

    Hi Nazish,
    By default your application pages will inherit the masterpage currently applied to the site where your app is hosted, but to specify a custom master on a app page you have to set the "CustomMasterURL" property on your site.
    Next your application page needs to inherit from the "LayoutsPageBase" class and you need to specify your custom masterpage on your application page with "~masterurl/custom.master"
    Regards, Pieter
    MCPD | MCITP
    My Blog
    Please remember to click "Mark As Answer" if a post solves your problem or "Vote As Helpful" if it was useful.

  • Why do the pages shift (DWCS4)?

    I have set up a site in Dreamweaver and wonder why some of the pages shift slightly (and I don't like that) when you select them on the navigation bar and others do not? (When you click from Retailer to Developer, the page shifts; when you click from Developer to Research, it doesn't.)
    Thanks for you help. Here's the link:
    http://www.studiopgraphicdesign.com/sw/index.html

    That's often just a matter of some longer pages have a scrollbar and others don't.
    You can "force" a scrollbar on all pages with CSS.
    There are pros & cons with various solutions
    Here's one:
    html{
      overflow-y:scroll;

  • Number of Layout Pages

    I'm trying to get two templates to print out while in the production order section -- my attempt at this is to merge the two templates to one document but the "Number of Layout Pages" in the document properties is blank and won't let me add in a second page.  Am I missing a critical configuration setting or something?
    Thanks,
    Carrie

    Is CurrentPage() available?
    Thanks,
    Gordon

  • Where can I get the sample layout pages that were in the older CS Dreamweaver?

    Where can I get the sample layout pages that were in the older CS Dreamweaver. You normally find them when you press "More" on the start screen and you see it on the "layout" section.
    On the CC version you only get 2 out of the 20 that you used to get. How can I get them back?

    You can refer the threads below
    http://forums.adobe.com/message/5491936#5491936
    http://forums.adobe.com/message/3100218
    http://forums.adobe.com/message/5096504#5096504
    Please visit for more starter layouts  http://helpx.adobe.com/dreamweaver/using/getting-started/templates.html

  • Issues with layout pages and templates.

    So to save time I have started creating my own templates. For instance I want one with mostly black pages so I have created new 'pages' under the 'layout' bar (the one you have to pull down). this works fine for simple pages of 1/2/3 columns and blank pages but I have started making more complex ones - for example I want to have a  text box with text already in a certain font and colour which I can then change from page to page, So I created a text box in a layout page, bt when I use this layout on a page the text box i created cannot be modified in anyway (only the filler text in the linked text boxes seems to be modifiable. I also tried to make a 'layout page' with a gallery, a placeholder with all the attributes I want in it, again when I select that page as an option the gallery cannot be changed, making it pretty useless - is there anyway to enable images/galleries/text boxes as 'placeholders'?

    I think any element can serve as a 'placeholder', at least in general terms.
    When working with such items, be sure to always acknowledge how/if they're linked/locked/anchored/layered/grouped and if those are in done in conjunction with other items.
    See: Publishing With iBooks Author
    http://shop.oreilly.com/product/0636920025597.do
    -=-
    Note your image isn't working, at least not for me ...be sure to add/insert using the 'camera' icon, thanks.

  • Reduce the size between two Iviews in Layout Page

    Hi All,
    I want to reduce the gap between the two iviews in the layout page of my portal.
    For this i have downloaded com.sap.portal.layouts.framework.par
    and i got two .js files
    1) WAandNavPanel.js
    2) light_navpanel.js
    So now in which file i have to change the size.
    Awaiting Replies.
    Thanks & Regards,
    Dhruv Shah

    better to keep backup of those two files before modifying.
    see modificationusing first jsp file in which u mentioned.
    How to change navigation panel default (initial) width?
    Remove/hide expand/collapse icons
    Points are welcome if it is helpful
    Koti Reddy

  • Entire Page Shift left-right

    A page on a website I designed shifts by about ten pixels to the left. I have several master pages with essentially the same background. The elements on the master page are not locked. Should they be? How can I see where the error is if I cannot see the HTML data? Does anyone have any idea what prompts that kind of a shift? Is it a bug? This was not happening before version beta 7.
    The url is
    http://www.primary-team.com/news.html
    I appreciate any suggestions. Thanks,
    Rich

    REVISED: Since there have been no suggestions I will add this. I tried creating a new test site with the same art for background and it seemed that as long as no new pages are added to the site (menu) once much work has been complete it was stable. After adding more text to the site I'm getting the same problem again. A page shift once you click from page to page using the menu. It seems like a definite bug in Muse.
    Any help?

Maybe you are looking for