Why does my page look great in design view and to the left in live view?

I just created a new page using a fluid grid layout and in "design" view it looks great but in "live" view or on a browser preview the wording all goes to the left.  What I am doing wrong?  I also have another question which may relate to the first.  I  have four templates. Do I create a new named .css file for each new template or continue using the same layout.css file for all templates? Since I created a new .css file for every template maybe it is causing confusion.  Thanks in advance.

If this is what you want, rework your HTML so all three images are in the same div and adjust your css to  narrow the scroll down image and on Order jpg, vertically align top, 30px margin.
<div id="header">
<div id="pic1">
<img src="Thumbs/Scroll-Down.jpg" alt="More Pictures">
<img class="goldborder" src="NewImages/englilshivymain.jpg" alt="">
<a href="#OrderHere2">
<img alt="Order Here" src="Thumbs/OrderHere.jpg">
</a>
<br>
English Ivy (Detail)
</div>
<div id="pic4">

Similar Messages

  • Why does my site look great in google chrome and complete rubbish in other browsers?

    Or more importantly what did I do in Dreamweaver that caused such a catastrophic misalignment?  Help would be great as the site is for a race club and they have a meet tomorrow....
    www.albanyracingclub.com.au

    Hi Karon,
    Unfortunately it can be a few things such as an element removed in your CSS or perhaps something was removed in your HTML via page layout or template.  However I cannot pinpoint the exact cause.
    I would suggest working with a designer to help fix the inconsistency of the site displaying in various browsers.
    I'll leave this thread open to see if the community can assist further.
    Kind regards,
    -Sidney

  • Team Blog: Why does my page look different in BrowserLab?

    Duane O'Brien, engineer on the BrowserLab team has a new blog post on the BrowserLab Team blog that you might find interesting. It covers when/why you might see rendering differences between the BrowserLab browsers and your local browsers. Good info.
    http://blogs.adobe.com/browserlab/2011/07/11/why-does-my-page-look-different-in-browserlab /
    Bruce
    Bruce Bowman
    BrowserLab product manager
    BrowserLab Team Blog: http://blogs.adobe.com/browserlab
    Twitter: @brucebowman, @adobebrowserlab

    As Wyodor indicated IE is not the most advance, up-to-date browser out there.
    See Roddy’s tips for making iWeb pages more compatible with IE.
    OT

  • Why page looks fine in Design view but not live view?

    I am new to DW. I created a page that looks fine in design view but now I cant get it to show up in live view or the browser preview. Can some one give me some areas to troubleshoot. Most of the code is from a previous page I created that still looks fine in every view. I am not sure what I could be doing different in setting up this site.

    Thanks for taking the time to reply to question. Aftr taking a break. I came back realized I inserted the stylesheet before I changed site settings. I just needed to remove the forward slash from my stylesheet declaration. FYI for anyone else new to DW: if stuffs not showing  in Live View and Browser Preview eg background images, Go to Manage Sites and check your site setting for Links relative to: You may have switched between document and site root. Thus breaking your links to images or in my case the entire style sheet.

  • Why does my report look great in report builder but rubbish when seen at runtime?

    Hi Folks.
    I've developed a report with a graph. When I run it in Report Builder it looks great and the chart is present.
    When I run it on the same machine but called from a menu item, the report does not have the chart, the font is wrong and some of the copy dissapears before it reached the right side of the page.
    Any clues?
    Cheers
    Simon

    You haven't noted what output format you're using or how you're viewing the output.
    If you're running from a browser, try using desformat=PDF. You should see the same output in the browser that you're seeing in the builder.

  • Why does my page look funny in IE?

    My pages look fine in Safari and Firefox, but when I open them in Internet Explorer, there are these large white rectangular shapes that are semi-transparent at the top of my page. Can any one help figure this out? My site isn't finished by any means but I don't want to continue if it's going to look terrible in IE which is what most people use with pc's
    http://web.mac.com/lorenbarham/LHDBridal/EntryPage.html

    As Wyodor indicated IE is not the most advance, up-to-date browser out there.
    See Roddy’s tips for making iWeb pages more compatible with IE.
    OT

  • Why does Vertical Menu conceal items in design view?

    I have a problem with a vertical menu that is placed in my page's left column.  When workign in desing view, the vertical menu's sub menu components remain open and this conceals the things that I want to work on that are placed behind the sub-menu items.  Any ideas how I can "collapse" the menu when workginin design view? Thanks!

    Hello Beth,  to follow is the CSS for my menu bar (vertical).  I see that the left: -10000em; is in there correctly.  Notice anything out of line?  Thanks for your input!!!
    Rod
    @charset "UTF-8";
    /* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
    ul.MenuBarVertical
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
         z-index: 1000;
    /* Menu item containers, position children relative to this container and are same fixed width as parent */
    ul.MenuBarVertical li
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarVertical ul
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarVertical ul.MenuBarSubmenuVisible
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarVertical ul li
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Outermost menu container has borders on all sides */
    ul.MenuBarVertical
    /* Submenu containers have borders on all sides */
    ul.MenuBarVertical ul
         border-top-style: none;
         border-right-style: none;
         border-bottom-style: none;
         border-left-style: none;
         border-top-color: #EEE;
         border-right-color: #EEE;
         border-bottom-color: #EEE;
         border-left-color: #EEE;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarVertical a
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
         background-color: #F00;
         color: #FFF;
         font-size: 12px;
         border-top-style: none;
         border-right-style: none;
         border-bottom-style: none;
         border-left-style: none;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
         background-color: #F00;
         color: #FFF;
         border-top-style: none;
         border-right-style: none;
         border-bottom-style: none;
         border-left-style: none;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarVertical a.MenuBarItemSubmenu
         background-image: url(SpryMenuBarRight.gif);
         background-repeat: no-repeat;
         background-position: 95% 50%;
         font-size: 12px;
         border-top-style: none;
         border-right-style: none;
         border-bottom-style: none;
         border-left-style: none;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarVertical a.MenuBarItemSubmenuHover
         background-image: url(SpryMenuBarRightHover.gif);
         background-repeat: no-repeat;
         background-position: 95% 50%;
         border-top-style: none;
         border-right-style: none;
         border-bottom-style: none;
         border-left-style: none;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarVertical iframe
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
         ul.MenuBarVertical li.MenuBarItemIE
         display: inline;
         f\loat: left;
         background: #FFF;
         width: 160px;
         border-top-style: none;
         border-right-style: none;
         border-bottom-style: none;
         border-left-style: none;

  • Why does my site look different in chrome, safari and explorer?

    Hi,
    My site looks ok in Firefox but it looks different in  chrome, safari and explorer...
    I have already tried to clean the cache and delete cookies, what I have to do?
    Thanks for helping!
    Livia

    Hi Livia
    I have checked the file and can see that you have used a slideshow for browser background , the page fill is the hero image where the thumbnails are disabled.
    If you remove the slideshow then the issue is resolved as the red bar in top and white bar at bottom comes fine with all browsers.
    Please remove the slideshow from page background and use the same image as browser fill which will fix the issue.
    Thanks,
    Sanjit

  • Why does my png look so good in fireworks, and so bad after i copy it somewhre

    I have created a basic graphic as my logo for a new business.
    Im importing the graphic into business card creator. The image
    looks crystal clear when I view it in Fireworks, but as soon as I
    export it to this business card software, it looks horrible. It is
    fuzzy . Any suggestions? My text is doing the same thing.

    Go to modify -> canvas -> image size. Chang your
    "pixels per inch" from 72 to 300.
    Try that and see what it looks like. Be warned though that
    fireworks isn't intended to create print graphics. Adobe
    Illustrator is the program you should be using.

  • Why does my site look different in google chrome and explorer

    My site looks and feels great in Fire Fox but it looks like crap in google chrome and explorer...is there any way to fix this issue?
    Thanks for taking the time to help me out on this!
    http://cweb14.businesscatalyst.com/index.html

    I checked with 8.1 same version browser but cannot see the difference.
    Please try to reset the browsers and check again.
    http://support.microsoft.com/kb/923737
    https://support.google.com/chrome/answer/3296214?hl=en
    Thanks,
    Sanjit

  • Why do .asp pages not show in Design view

    I have been asked to take over a website
    built with .asp.  Originally the pages all showed perfectly and I was able to amend.  However, recently some pages will only open
    displaying code - not html but computer code.  This is a small excerpt from one of the pages.  I would so appreciate some help.  I use Dreamweaver 8.
    佄呃偙⁅瑨汭倠䉕䥌⁃ⴢ⼯㍗⽃䐯䑔堠呈䱍ㄠ〮吠慲獮瑩潩慮⽬䔯≎∠瑨灴⼺眯睷眮⸳牯⽧剔砯瑨汭⼱呄⽄桸浴ㅬ琭慲獮瑩潩慮⹬瑤≤ാ㰊瑨汭氠湡㵧攢≮砠汭獮∽瑨灴⼺眯睷眮⸳牯⽧㤱㤹砯瑨汭•浸㩬慬 杮∽湥㸢਍†格慥㹤਍††琼瑩敬吾敨倠楲牯⁹桃牵档漠⁦湅汧湡牐浩牡⁹捓潨汯›ഭ㰊ⴡ⌭湩汣摵⁥楦敬∽湩⽣慰敧瑟瑩敬椮据ⴢ㸭⼼楴汴㹥ℼⴭ⼠⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯
    Thank you if you can throw any light on this problem

    Hi,
    I qoute from Adobe Help page:
    If you plan to develop dynamic pages, Dreamweaver needs the services of a testing server to generate and display dynamic content while you work. ...here is the link:
    http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-79e0a .html
    Hans-G.

  • Why does Magic Bullet looks crash my After Effects and computer when I open it?

    I don't really know how else to explain. I've tried re-installing both. I don't know what else to do. I'm on After Effects CS5.

    Just updated my display drivers.
    Then un-update them. MBL is, after all, driven by OpenGL and may frown on the slightest variation there. Also inquire with Red Giant Software what driver versions they support.
    Mylenium

  • Why does web page not load on iphone 4s and ipad 2 after ios 5 upgrade?

    https://accounts.express.transcore.com/login.aspx?app=3sixtyexpress
    It works on opera mini.  Is there a problem with Safari?

    Oops - I messed up the title-
    This is with iOS 7.0.2 and Apple TV 6.0.

  • Why does my site look nothing like the design and during testing once uploaded to the server?

    Why does my site look nothing like the design and during testing once uploaded to the server?,
    Im using Muse whichj crashes like you would not beleive, but after much perseverance I got a basic 4 page holding site together, I tested the site and it all looked fine, when I uploaded it to the server it looks nothing like the site I tested, to the point that even the background has changed colour and nothing is in the rite place.

    Hi John, Sure it's
    http://www.thezine.co.uk
    thanks
    it should be looking like this

  • HT4641 Im trying to print off my cv, page 1 prints off fine but page 2 does not, I'm using the selected template for curriculum vitae why does my page 2 not print?

    Im trying to print off my cv, page 1 prints off fine but page 2 does not, I'm using the selected template for curriculum vitae why does my page 2 not print?

    Hi @kots 
    I suspect your question would be better answered in the HP Enterprise Business Community, as your HP Printer is a commercial model.
    My technical expertise is with consumer products and software, I am sure the commercial folks would be happy to help if you re-post your question for them to answer. The HP Enterprise Business Community is an HP Forum designed for the Commercial and Enterprise customers to help one another. I am sure you will find some HP folks there to help too.
    Click here to view the Printing and Digital Imaging. When the page opens you will see the option to 'Log in' or 'Register Now' on the right. The commercial forums are separate from the consumer boards, thus you will need to register if you don't already have a commercial account.
    You may find the HP LaserJet M2727 Multifunction Printer series page helpful while you wait for somebody in the commercial Forum to respond to your inquiry.
    Best of luck.
    Please click the Thumbs up icon below to thank me for responding.
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Please click “Accept as Solution” if you feel my post solved your issue, it will help others find the solution.
    Sunshyn2005 - I work on behalf of HP

Maybe you are looking for