I get 3 different views of a page

hi I was interested in this product and decided to give it a try, but now I dont get how it works.
I get 3 different views of my page, first is design view, second live preview, and the third is preview in a browser that is grately different.
there is what I get:
everything looks good in live but in browser everything is terrible what am I missing?
here is mine hedder code and css:
<?php ob_start();?>
<!DOCTYPE html>
<html class="html">
<head>
  <title>Head</title>
  <!-- CSS -->
  <link rel="stylesheet" type="text/css" href="css/head_style.css"/>
  <!-- Other scripts -->
   </head>
<body>
<div id="header">
  <img src="images/3.jpg" >
  <ul id="menu">
    <li ><a href="index.php">            Home</a>
    </li>
     <li  ><a href="templates.php">            Templates</a>
     </li>
           <li  ><a href="blog.php">Blog</a>
     </li>
           <li  > <a href="about-us.php">            About us</a>
     </li>
    <li > <a href="support.php">            Support</a>
    </li>
     <li id="paskutinis" > <a href="support.php">            Support</a>
     </li>
  </ul>
<p id="musetemplatespro" ><a href="index.php">MuseTemplatesPro.com</a></p>          
     <a id="cart" href="cart.php">Your Cart</a>
</div>
</body>
</html>
<?php ob_end_flush(); ?>
CSS:
<style>
/** head **/
#menu ul {list-style:none;
position:absolute; 
margin-left:0px;
#menu li {
          float: left;
          width: 160px;
          background-color: #444444;
          text-align: center;
          border-right: 2px solid white;
          display: block;
          height: 30px;
          line-height: 30px;
          margin-top: 300px;
          list-style: none;
          margin-left: 0px;
#menu li#paskutinis {
          float: left;
          width: 150px;
          background-color: #444444;
          text-align: center;
          border-right: 3px #444444;
          display: block;
          height: 30px;
          line-height: 30px;
          margin-top: 300px;
          list-style: none;
#header {
          background-image: none;
          position: absolute;
          height: 250px;
          width: 960px;
          left: 100px;
          margin-top: 0px;
#header img{
          position: absolute;
          left: 0px;
          top: 0px;
          width: 960px;
#menu li ul li {
float:none;
width:150px;
text-align:left;
display:block;
border-top:1px solid white;
div#menu ul#menu_   {
float:none;
width:150px;
text-align:left;
padding-left:155px; 
border-top:1px solid white;
#menu ul#q   {
position:absolute;
top:0px;
left:0;
visibility:hidden;
#menu li#q:hover ul {
visibility:visible;
#menu li:hover ul {visibility:visible;}
#menu a {
          text-decoration: none;
          color: white;
          font-family: Helvetica, Arial, sans-serif;
          display: block;
#menu  li:hover {background-color:maroon;}
#menu {
          position: absolute;
          width: 960px;
          height: 30px;
          margin-top: 0px;
          left: -40px;
          top: -10px;
#head
margin-left:200px;
width:923px;
background-image: url('http://musetemplatespro.com/images/head.jpg');
height: 300px;
#head
margin-left:200px;
width:923px;
background-image: url('http://musetemplatespro.com/images/head.jpg');
height: 300px;
a#cart
          position: absolute;
          margin-left: 1000px;
          margin-top: -55px;
          text-decoration: none;
          color: white;
          font-family: Helvetica, Arial, sans-serif;
          font-size: 25px;
          padding: 5px;
          border: 1px solid white;
          left: -180px;
          top: 296px;
p#musetemplatespro
          margin-top: -1600x;
          margin-left: 65px;
          position: absolute;
          color: white;
          font-family: Helvetica, Arial, sans-serif;
          text-decoration: none;
          left: 25px;
          top: 19px;
p#musetemplatespro a
color:white;
font-family: Helvetica, Arial, sans-serif;
font-size: 35px;
text-decoration:none;
</style>
ul {
          left: 0px;

Design View is just an approximation of how the page will appear minus any scripting. Never rely on it for anything more than a quick reference "click the element to select it" style interface.
Live View is a "mostly there" version of a Webkit browser (Safari or Chrome). It's more accurate, but still doesn't give you everything.
Preview in Browser is your page in an actual browser that is installed on your machine (not an emulation) and should be used to determine how your page will actually appear. The more browsers you preview in, the better. I test in IE10 (9, 8 and 7 in dev tools), Firefox, Chrome, Safari and Opera using PIB.
Make sure to run your pages through the validator at http://validator.w3.org to catch any coding errors. HTML errors are one of the biggest causes of display problems between Design View, Live View and each individual browser and browser version.

Similar Messages

  • Navto a different view in the same page

    Is it possible to use the navto command to jump to a different view in a page or poiting to a position in a scrollable frame?

    Yes, use decimals in your navto page number. For example, navto://myarticle#2.3 jumps to a place between page 3 and 4 in a smooth scrolling article.
    For examples, see DPS Tips > Advanced Overlays > Scrollable Frame Links.

  • Different View for same document library on a Wiki Page

    Hi,
    I am developing a Provided hosted app which have a functionality to create a document library with two Views. Also we need to show this document library in a wiki page with two different views.
    I am using CSOM (C#). I am able to create the document library and the two views programmatically. But when I add the document library in the wiki page the default view (All Documents) is shown for both the web parts. There is an hidden view created with
    the WebPartDefinition from the xml provided through code. 
    Through CSOM we are able make a View as default with the link below.
    http://sharepoint.stackexchange.com/questions/90433/add-document-library-xsltlistviewwebpart-using-csom-or-web-services
    In my case both the webparts will get the same view, where I need different view for same document library in a wiki page.
    Also I tried to update the web parts with the following code.
    string viewString = @"<View Name='{0}' MobileView='TRUE' Type='HTML' Url='/SitePages/Home.aspx' Level='1' BaseViewID='1' ContentTypeID='0x' ImageUrl='/_layouts/15/images/dlicon.png?rev=23' >
    <Query><Where><Eq><FieldRef Name='KeyDocument'/><Value Type='Boolean'>1</Value></Eq></Where></Query>
    <ViewFields><FieldRef Name='FileLeafRef'/><FieldRef Name='DocumentOwner'/><FieldRef Name='Modified'/>
    <FieldRef Name='_UIVersionString'/><FieldRef Name='Editor'/></ViewFields>
    <RowLimit Paged='TRUE'>30</RowLimit><JSLink>clienttemplates.js</JSLink><XslLink Default='TRUE'>main.xsl</XslLink>
    <Toolbar Type='Standard'/></View>";
    WebPartDefinition wpd = wpfound.FirstOrDefault();
    string formattedstring = String.Format(viewString, wpd.Id);
    wpd.WebPart.Properties["XmlDefinition"] = formattedstring;
    wpd.SaveWebPartChanges();
    web.Context.ExecuteQuery();
    I created two views (viewString) as shown above.
    The above code did not throw error, but it did not update the web part.
    Please advise how to move forward.

    Hi Samir,
    When we click outside of the list view webpart on a webpart page (or allitems.aspx page) with containing multiple webparts, the list view webpart will lose the focus, and the selected items will be deselected, this is by design.
    You can look at the following article with using the approach/workaround of Javascript to prevent the specified list view webpart from losing focus.
    http://sharepoint.stackexchange.com/questions/44360/list-view-loses-focus-when-additional-webpart-added-to-page
    //Set focus on our list web part
    var webPart = document.getElementById('WebPartWPQ1');
    WpClick({target: webPart});
    //Prevent it from losing focus
    SP.Ribbon.WebPartComponent.$3_1.deselectWebPartAndZone = function() { };
    Thanks
    Daniel Yang
    TechNet Community Support

  • I am getting error "The connection to the server was reset while the page was loading" whenever i am trying to view one perticular page asset?.

    Hi Experts,
    i am getting  error "The connection to the server was reset while the page was loading" whenever i am trying to view one perticular page asset. i am directly view page asset through contribute editor. Please tell me what is the issue.
    Thanks
    Satya

    Hello.
    Can you provide more details? Is there more information in the logs (what's the stacktrace)? What version are you working with?
    Regards,
    Raul.

  • How to i get past the settings screen when trying to view my photostream? I just get stuck on the iCloudPhotos Settings page and can to any further.  Really annoying and i guess there is a simple answer to it? Can anyone tell me?

    I can't view my photos on my TV using AppleTV. This is because when I get to the iCloud Photo Settings page and turn on My Photo Stream,there seems nowhere else to go to look at my photos.  I guess there is a simple answer! Can anyone help.....please

    artschic:
    Welcome to Apple Discussions.
    Congratulations on your new MacBook Pro. You'll love it.
    In terms of your PowerBook G4, apparently your Hard Disk Drive has failed completely and I am not sure what else it wrong.
    First, try this:
    • Shut down the computer.
    • Locate the following keys: Command, Option, P, and R. You will need to hold these keys down simultaneously later.
    • Turn on the computer.
    • Press and hold the Command + Option + P + R keys immediately after the startup chime.
    • Hold keys down until you hear the startup chime for the third time.
    • Release the keys and immediately hold down Shift key to start up in Safe Mode.
    • Log in and empty Trash.
    • Restart normally and log in.
    If that does not work try Repair Disk
    Insert Installer disk and Restart, holding down the "C" key until grey Apple appears.
    Go to Installer menu (Panther and earlier) or Utilities menu (Tiger) and launch Disk Utility.
    Select your HDD (manufacturer ID) in the left panel.
    Select First Aid in the Main panel.
    (Check S.M.A.R.T Status of HDD at the bottom of right panel, and report if it says anything but Verified)
    Click Repair Disk on the bottom right.
    If DU reports disk does not need repairs quit DU and restart.
    If DU reports errors Repair again and again until DU reports disk is repaired.
    If DU reports errors it cannot repair you will need to use a utility like Tech Tool Pro or Disk Warrior
    If still no dice, try the procedure outlined in the article Resolve startup issues and perform disk maintenance with Disk Utility and fsck.
    cornelius

  • Does anyone know if there is a way to arrange songs on a playlist that has 100 songs? I used to be alble to double click and open a new page but that is no longer an option. Because you cant get a total view of the playlist it is almost impossible

    I used to be alble to double click and open a new page but that is no longer an option. Because you cant get a total view of the playlist it is almost impossible.. if a song is in position 95 and I want to put it at 3 I have to hold it and drag it till the curor moves.. This makes creating an order almnost impossible because you cn only see half of the songs

    1.SmartyPanouZe3rd,
    Sep 4, 2013 1:03 PM   in reply to SmartyPanouZe3rd
    This is a follow-up to the above question I had.
    Since i noticed people looking at the question, but no replies showing up, i contacted BC support directly with the same question.
    I got a reply.
    I did tests based on the reply.
    Here is what is going on based on the reply.
    (spoiler alert : It works... but it's not yet a perfect score.)
    All the details are posted here :
    http://www.animavdo.com/mut/ambiguity-001.html
    Hope this can help others.
    Cheers.
    PS  I still will use DW for the heavy lifting...
           But MUSE is nice for quickly putting together a mini website.
           Highly recommended App.

  • How to get most recently view pages in new tab on the new version of firefox

    upgraded to the new firefox and now i cannot get my recently viewed site to show when i open a new tab. the little square that is supposed to turn them on and off is not showing up.

    You can check if the new tab is still set to the about:newtab page.
    You can check the browser.newtab.url pref on the <b>about:config</b> page.
    * browser.newtab.url = about:newtab
    You can open the <b>about:config</b> page via the location/address bar.
    You can accept the warning and click "I'll be careful" to continue.
    *http://kb.mozillazine.org/about:config
    See also this article about the New Tab page (about:newtab):
    *https://support.mozilla.org/kb/new-tab-page-show-hide-and-customize-top-sites

  • How do I get text to flow from one page to the next in Pages 5?

    How do I get text to flow from one page to the next in Pages 5 with the Maverick system?

    What may be overlooked in Pages v5 is the notion of combining Text Boxes via the Menu > View > Show Arrange Tools. When you select two Text Boxes, an extra panel unfolds at the bottom of the Arrange Tools window. Uncheck one Text Box and this panel abruptly disappears.
    One can achieve text flow effects between Text Boxes differently based on how one positions the Text Box overlap, and choice of effect above. Though not the accustomed flow found in Pages ’09 v4.3, flow does occur. Consider the possibilities of combining a Shape and a Text box to cut an irregular Text box.
    If I create two Text Boxes and position them side by side with outline touching and choose Unite, this creates one larger Text Box and text flows across and down. On the otherhand, if I overlap the upper left corner of a lower Text Box over one above and to the left, then choose Union, pasted text fills the first Text Box and then flows across and down into the other box. Here is a Union example:
    Intersect will leave a small Text Box where the two overlap, so not much value there. Subtract will cut a chunk out of one Text Box that is the size of the overlapping piece of the second Text Box:
    And Intersect will leave an island in the center where the two Text Box overlap, with flow jumping over this bridge.
    Clearly, this is not what we were accustomed to in the past, but with imagination, style, and layout tuning, it does offer alternative Text Box creativity and layout. Of course, there is the option of simply returning to the previous Pages version for true Text Box linking that most will want to use.

  • Using "View Selector" in the List View Web Part, changes the web part page to the view selected's page.

    Hi,
    I am relatively new to Web Parts pages.  I created a page with list view web part and a Infopath Form Web Part, which are connect via the "Get Form From" option.  My users would like to be able to use views dependent on what
    they are looking for.  So I created different views.  However, when I select the view from within the Web Part, it changes the web part page to the list view page.  I must be doing something wrong.  How do I configure the list view to show
    the selected view and results within the existing "list view web part"?
    Thanks,
    Dwayne

    Hi
    Lindali,
    Sorry, but this has not been answered to my liking.  The "List View Web Part" has the ability for the user to select the view from within the web part, so there you should be able to select a different view and have it appear within the same web part. 
    Does anyone know how to complete this task?
    Thanks,
    Dwayen

  • Applying different view criterias to af:query based different situations

    Hi all;
    Lets say i have 3 different view criterias ....and i want to apply only one of them to af:query based user's role....
    I dont have an idea how to do that...My only clue is my supervisor mentioned to me i can use page definition to do that;
    <searchRegion Criteria="DepartmentViewCriteria" Customizer="oracle.jbo.uicli.binding.JUSearchBindingCustomizer"
                      Binds="DepartmentView1Iterator" id="DepartmentViewCriteriaQuery"/>Can u help me on this matter please!
    If post is too shallow to understand i can elaborate more...
    jDeveloper 11.1.2.1.0
    Oracle DB 11g

    Create a custom public method in yr applicationmoduleImpl class. Get the viewcriteria of target vo or programmatically create yr viewcriteria.
    Based on current loggedInUser role which can be access by ADFContext.getCurrent().getSecurityContext().getUserRoles(), u can apply specific viewcriteria on VO.
    After that u can follow this link - http://dstas.blogspot.com/2010/09/adf-11g-methodaction-and-invokeaction.html, from +"We will now expose the method in the client interface of the AM"+ teopic.
    At the end u will be able to execute this method from pagedef file, whenever u enter to this page.
    Hope this helps.

  • If I am viewing a page with the words date or match, the words are hyperlinks to a dating website. This is not so if I view the same pages in IE and has not been picked up by Norton, Spybot or malware bytes etc. Is this a Firefox bug?

    If I am viewing a page with the words date or match, the words are hyperlinks to a dating website. This is not so if I view the same pages in IE and has not been picked up by Norton, Spybot or malware bytes etc. Is this a Firefox bug?

    You need to scan with all programs because each program detects different malware.<br />
    Make sure that you update each program to get the latest version of their databases before doing a scan.<br />
    * http://www.malwarebytes.org/mbam.php - Malwarebytes' Anti-Malware
    * http://www.superantispyware.com/ - SuperAntispyware
    * http://www.microsoft.com/windows/products/winfamily/defender/default.mspx - Windows Defender: Home Page
    * http://www.safer-networking.org/en/index.html - Spybot Search & Destroy
    * http://www.lavasoft.com/products/ad_aware_free.php - Ad-Aware Free
    See also:
    * "Spyware on Windows": http://kb.mozillazine.org/Popups_not_blocked

  • How can I get a list view after selecting "see all"?

    I just updated to iTunes 12.  I've looked on the net for this but couldn't find anything on it.
    Previously when I searched for something in the iTunes store I'd pick a certain category of media (podcasts, for example).  It would give me the first few results and then I could select "see all."  Then get a list view and sort it.
    Now when I click on "see all" I get an album cover view.  NOT a list view.  And I have no way to sort the results.  I usually sort by time.
    What's odd is when I'm still on the initial page you get after making a search I *can* sort the results.  But only the first 10.
    Basically, I need a way to sort all of my search results by time.  Either after selecting "see all" or having iTunes show many more than 10 results.
    This was possible (and the default, I think) in previous versions.  I've looked through every menu and I don't see a way to turn this functionality back on.
    Thanks.

    Hi,
    There is no such PowerShell command can achiev this. Maybe you can use a script to get the user name with folder redirection enabled. However, I am not familiar with writing script, and it would be better for you to ask in script forum below for professional
    assistance:
    http://social.technet.microsoft.com/Forums/en-US/home?forum=ITCG&filter=alltypes&sort=lastpostdesc
    Best Regards,
    Mandy
    Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact [email protected]

  • View Fields Not Getting Displayed in View Set

    Hi All
    I have created a new View for Component IUICMDC and assigned it to a ViewSet and on click of a button i need to display this view . The navigation is happening fine but i am not able to see View Fields in it , only ZIUICMDC/AdvSearchVS is getting displayed on top of the page.
    View Area is defined and Debugger is stopping in the Do_init method of View which is assigned to ViewSet.
    Regards
    Alok Sharma

    You should provide the ability to create rows, you can do it on the table by making the table editable and putting a Add another row or you can choose to add it in a drill down create page.
    You can also add a set of new rows initially by creating and inserting rows in the vo in your PR.

  • View 'CUT Home Page View (CME)' is not licensed for this site.(SBL-DAT-0032

    Hi Siebel guru,
    I am getting below error when i login in to sibel server.
    View 'CUT Home Page View (CME)' is not licensed for this site.(SBL-DAT-00327)
    can any one help me out to solve this issue ASAP.
    Regards
    Prabhat

    Hi Goud,
    In Installtion time it asked pls update your license key.
    then i updated my license key from http://licensecodes.oracle.com/siebel.html.
    Ifound ther is four row license key information.
    I updated only first row licencse key.
    Is there any workaround for updating license key.
    pls provide me steps.
    Regards
    Prabhat

  • How to separate different views and parts of a single line of business(LOB) universal app for windows 8.1 with many users.

    Hello am an intermediate Windows Phone/Store Developer. Am currently in the process of implementing a LOB app that will have three different types users, an admin, a student, a teacher . Depending on how a user logs in i would like certain pages to be exposed
    to them and the rest to be hidden. The app will also store data temporally on a local db then sync regularly to an azure database(Can the recent entity framework 7 that supports store/phone apps allow code first databases or are there features still not fully
    accessible in WinRT apps)...This i believe can handle but also kindly point me out to existing implemented resources/examples i will appreciate very much.
    What am finding problematic is how to consume different app data stored by various users logged in for these different views. Will i need an asp web api is it really necessary cause i want to avoid it cause i have about three months to do it. I do not want
    to create three different apps and one ASP Web AP,  i want one single app and an api if possible, i know windows usually sandboxes apps hence app to app communication will be hard if not impossible. So my question is, is it possible to implement different
    user session management with a login (Windows Live ID) which i can abstract various parts of the app from them depending on the users login id in the app. E.g How can an admin logged in the same app as the student have access rights to certain pages in the
    app that a student will not see. How do i route different users to certain pages and can isolated storage store these persisting as a setting.
    How can i know which login id belongs to which of the three users? How do i then assign different access to different controls of the app with their id,provide custom views routes,access right,session management. I think i can do these without an ASP Web
    API is It wise? Building pages in the apps is easy but i want users to see different views of the app instead of one standard app depending on there login id, how can the NAVIGATION URI be used here. How can azure and features like active directory,azure mobile
    services. I know i have repeated the same things over and over and these might be complex for a free advise but as a windows dev these is my one stop shop. Any one with a view on how to approach these kindly show me the best directions. Thanks guys in advance.

    I suggest you have a look at this sample.
    https://code.msdn.microsoft.com/windowsapps/ListView-Interaction-ac044c3c. MainPage provides the framework to hold the content. At runtime, we create the Scenario collections and then bind to control. This approach can help you determine the type of users
    and provide some appropriate pages at runtime.
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place. Click HERE to participate
    the survey.

Maybe you are looking for

  • How do i get my music back after the 5.0.1 update

    I updated my phone without a problem however when I updated my mom's phone it didn't work out so great! Everytime I plugg it in it tells me that there are items that need to be transfered to the computer and somehow lost all of the music in the "musi

  • Generate transformation in ABAP

    Hi, i need to create a transformation with an expert routine dynamicallyy in ABAP ? (expert routine contailns always the same coding) Any idea? regards rouzbeh Edited by: Roozbehan on May 26, 2010 9:50 AM

  • Changing Metadata Deletes Artwork-Why?!

    So, I'm 40, and I like whole albums. Spotify and Pandora are not things that work with me. And I'm not jumping into this cloud thing because I end up in areas with no service. I want my music with me, on my own terms, because I own it. It's mine. I'm

  • How to put table relations in a hierarchical Jtree

    Hi everyone ! My Problem is as following: 1. I've got a generic Database (over JDBC-ODBC) 2. I'v got an application with a JTree 3. I want to get the relations between tables 4. Those relations should be put in a hierarchical tree (namely JTree) to g

  • Manual OS download?

    I am a soldier in Afghanistan and I just got a new laptop. My wife installed iTunes on it and when I try to use my iPod Touch iTunes won't recognize it. I just downloaded the latest version of iTunes, but how do I get the latest version OS for my iPo