My dreamweaver cs5 site not displaying correctly

Having a css issue on this site http://mianbusinesslink.com/newsite/ When I add the two banners on the sides the content in the middle goes down. I have tried floating and clearing still no success. The banners are in an outerwrapper div and the rest of the middle section in wrapper div.

Change the #wrapper style like this:
#wrapper {
    width:900px;
    margin: 0 6px;
    background-color: #fff;
   float: left;

Similar Messages

  • Https sites not displaying correctly

    Here's an interesting problem thats cropped up on a couple of machines here. Hopefully someone else has found the cause!
    The problem is that some HTTPS sites are not displaying correctly. We have seen this with vimeo, and with wetransfer. I have included a screenshot of the issue on both safari and on chrome.
    Cross checks i've been able to verify:
    another machine with the same OS (10.8.5) looking at the same sites is fine and another running 10.9.4 is not, so this appears not to be OS or browser version related.
    this does not happen in a different user account on the same machine, so the issue appears to be in the user home.
    this happens across all browsers in this user account. so it appears to be a supporting technology or cache going wrong rather than a specific browser.
    I have emptied the user preferences, and cache folders with no change.
    Clearly i can sidestep this by creating a new user home, but that isn't actually getting to the bottom of what is going wrong, and it would be better to identify the issue!

    Please read this whole message before doing anything.
    This procedure is a diagnostic test. It’s unlikely to solve your problem. Don’t be disappointed when you find that nothing has changed after you complete it.
    The purpose of the test is to determine whether the problem is caused by third-party software that loads automatically at startup or login, by a peripheral device, by a font conflict, or by corruption of the file system or of certain system caches.
    Disconnect all wired peripherals except those needed for the test, and remove all aftermarket expansion cards, if applicable. Start up in safe mode and log in to the account with the problem. You must hold down the shift key twice: once when you turn on the computer, and again when you log in.
    Note: If FileVault is enabled, or if a firmware password is set, or if the startup volume is a software RAID, you can’t do this. Ask for further instructions.
    Safe mode is much slower to start up and run than normal, with limited graphics performance, and some things won’t work at all, including sound output and Wi-Fi on certain models. The next normal startup may also be somewhat slow.
    The login screen appears even if you usually login automatically. You must know your login password in order to log in. If you’ve forgotten the password, you will need to reset it before you begin.
    Test while in safe mode. Same problem?
    After testing, restart as usual (not in safe mode) and verify that you still have the problem. Post the results of the test.

  • Dreamweaver CS5.5 not displaying fonts correctly in live view

    I've integrated some web fonts into my website, which display properly in every browser on my computer (and more importantly) on on other computers properly; strangely enough, Dreamweaver CS5.5's live view doesn't display them as they should be displayed. The font Raleway is displayed as Times New Roman, and League Gothic as Helvetica. Stranger still, Ubuntu, which I use for my <body> element in general, works fine in all weights and styles. Any advice on how to get the other fonts to work properly?                    

    The code for Exo is simply a link in the <head> element to Google Web Fonts; <link href='http://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,400italic' rel='stylesheet' type='text/css'>
    Same goes for Open Sans Condensed (sorry, I confused it with League Gothic in earlier comments): <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
    The code for Raleway, Ubuntu and Museo is here:
    @font-face {
            font-family: "Ubuntu";
            font-style: normal;
            font-weight: 300;
            src: local("☺");
            src: url(/webfontkit-20111222-160801/ubuntu-r-webfont.eot) format("woff");
            src: url(/webfontkit-20111222-160801/ubuntu-r-webfont.svg) format("svg");
    @font-face {
            font-family: "Ubuntu";
            font-style: italic;
            font-weight: 300;
            src: local("☺");
            src: url(/webfontkit-20111222-160801/ubuntu-ri-webfont.eot) format("woff");
            src: url(/webfontkit-20111222-160801/ubuntu-ri-webfont.svg) format("svg");
    @font-face {
            font-family: "Ubuntu";
            font-style: normal;
            font-weight: 500;
            src: local("☺");
            src: url(/webfontkit-20111222-160801/ubuntu-b-webfont.eot) format("woff");
            src: url(/webfontkit-20111222-160801/ubuntu-b-webfont.svg) format("svg");
    @font-face {
            font-family: "Museo";
            font-style: normal;
            font-weight: 300;
            src: local("☺");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_1_0.ttf) format("ttf");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_1_0.eot) format("eot");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_1_0.woff) format("woff");
    @font-face {
            font-family: "Museo";
            font-style: normal;
            font-weight: 500;
            src: local("☺");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_2_0.ttf) format("ttf");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_2_0.eot) format("eot");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_2_0.woff) format("woff");
    @font-face {
            font-family: "Museo";
            font-style: normal;
            font-weight: 700;
            src: local("☺");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_0_0.ttf) format("ttf");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_0_0.eot) format("eot");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_0_0.woff) format("woff");
    @font-face {
              font-family: "Raleway";
              font-style: light;
              src: local("☺");
              src: url(/webfontkit-20120225-212056/raleway-thin-webfont.ttf) format("ttf");
              src: url(/webfontkit-20120225-212056/raleway-thin-webfont.eot) format("eot");
              src: url(/webfontkit-20120225-212056/raleway-thin-webfont.woff) format("woff");
    As you can see, these do reference TTF fonts on my remote server, as well as in my local folder (which mirrors my remote server, obviously).

  • Drop-down menu in Dreamweaver CS5.5 not displaying

    Thanks for anyone's help.  I'm a first time user of the forum so please excuse any protocol errors.
    I can't get my drop-down menu to display on my web page (http://www.cglcontracting.com/) on a Windows platform using Dreamweaver CS5.5.
    Thanks very much for any advice/help.

    Hi again -
    My previous suggestion did not seem to make any difference, the CSS still did not validate.
    I seems to be choking on your Browser Hack section.
    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.cglcontracting.com%2FSpr yAssets%2FSpryMenuBarHorizontal.css&profile=css3&usermedium=all&warning=1&vextwarning=&lan g=en
    I re-wrote the bottom Browser Hack section and it now validates.
    I'll paste the whole CSS file here, Save it as "SpryMenuBarHorizontal.css" and give it a try.
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.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, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 90%;
        cursor: default;
        width: auto;
        color: rgb(153,153,153);
        text-transform: uppercase;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-align: center;
        background-color: rgb(255,255,255);
        vertical-align: middle;
    /* 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
        color: rgb(153,153,153);
        z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 8em;
        float: left;
        color: rgb(0,255,0);
        overflow: hidden;
        visibility: inherit;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        z-index: 1020;
        cursor: default;
        width: 8.2em;
        color: rgb(204,204,204);
        top: 0px;
        overflow: auto;
        visibility: inherit;
        margin-top: -5%;
        margin-left: 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        color: rgb(204,204,204);
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-variant: small-caps;
        text-transform: uppercase;
        background-color: rgb(255,0,0);
        left: auto;
        width: auto;
        z-index: auto;
        visibility: inherit;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
        text-align: left;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        background-color: rgb(204,204,204);
        margin-top: -5%;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
        left: 100px;
        background-color: rgb(204,204,204);
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
        border: 0px none #CCC;
        margin-top: 0%;
        margin-right: 0%;
        margin-bottom: 0%;
        margin-left: 0%;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: pointer;
        background-color: #F00;
        color: #003;
        text-decoration: none;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        padding-top: 1.2ex;
        font-weight: bold;
        vertical-align: middle;
        padding-bottom: 0.53em;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
        background-color: #000;
        color: rgb(255,255,255);
        text-align: center;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        background-color: #900;
        color: #066;
        text-align: center;
        vertical-align: middle;
    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.MenuBarHorizontal a.MenuBarItemSubmenu
        background-image: url(SpryMenuBarDown.gif);
        background-repeat: no-repeat;
        background-position: 98% 50%;
        background-color: rgb(255,0,0);
        color: rgb(0,0,51);
    /* 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.MenuBarHorizontal ul a.MenuBarItemSubmenu
        background-image: url(SpryMenuBarRight.gif);
        background-repeat: no-repeat;
        background-position: 98% 50%;
        background-color: rgb(204,204,204);
        visibility: inherit;
    /* 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.MenuBarHorizontal a.MenuBarItemSubmenuHover
        background-image: url(SpryMenuBarDownHover.gif);
        background-repeat: no-repeat;
        background-position: 98% 50%;
        background-color: rgb(153,0,0);
        visibility: visible;
    /* 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.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
        background-image: url(SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 98% 50%;
        background-color: rgb(153,153,153);
    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
        position: absolute;
        z-index: 1010;
    /* 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;

  • .Mac Web'08 site not displaying correctly in browsers

    Just published by first iWeb'08 designed web site.
    http://web.mac.com/chasandstephen
    Have tested it in Safari 3, Firefox 2, Internet Explorer 7 all on both a Mac and a PC.
    What a *&%$#@ shambles.
    After spending 4 weeks leaning iWeb'08 and designing this site, with the great help from all you guys:
    http://forums.mactalk.com.au/showthread.php?t=41976
    http://forums.mactalk.com.au/showthread.php?t=42801
    The main problem seems to be text boxes not lining up correctly. Check out the "Links" and "Site Map" pages for the worst offenders. Also the text size has all so mysteriously changed on the Links page.
    Any suggestions guys to what has gone badly wrong here?
    Our families are hanging out for this.

    yippee We have got it working. All the pages now display correctly, except in our windows based Firefox 2 and even then it is only the Welcome page that is the problem. All the text has shrunk and moved over to the far left and all the text on all the pages is slightly fuzzy. All other browsers on Mac and PC work OK.
    The main problem was that the "Links" and "Site Map" pages were just one great big text box. After placing each section of text in a text box and aligning it all up, this did the trick. It also now loads faster. It seems by doing it this way iWeb'08 CSS is constrained far tighter.
    I suppose what I have learnt from all this is that iWeb'08 is more akin to a Desktop Publishing program as opposed to a Word Processing program. I also have learnt to published first to a local folder and view it locally this way errors can be picked up and corrected quicker and easier.

  • Muse site not displaying correctly on tablet or phone

    Having a problem with Muse displaying on mobile devices correctly.
    I built the site using the desktop layout, then the tablet and phone.
    When I open the site on mobile device they display correct.
    I navigate to other pages and then the site reverts to the desktop version.
    I need to know how to remedy this problem.  I uploaded the site to
    Business Catalyst and GoDaddy with the same results.

    Hello,
    The issue most likely is that when the phone layout menu items were linked to their related pages, the desktop pages were selected from the "hyperlinks" dropdown, instead of the "desktop" layout pages. There are different sections for desktop phone and tablet layout pages in the "hyperlinks" section as shown in this screenshot: http://screencast.com/t/KBTtyHeKfHj4
    Please go to the design view and re-link the phone layout menu items to the phone layout pages.
    Hope this helps.
    Cheers
    Parikshit

  • Colors and images on itunes U site not displaying correctly.

    After the issues of not being able to login this weekend our site has dropped much of it's theming, including colors and images. The page/course thumbnails still show as well as the background image, but all the other areas look like they are missing the background images. Is anyone else having the same issues with their site. This is the original "private" site, not the new PSM version.
    Thanks,
    Kyle

    Yes, my store and another institution as well - we mentioned the new problem here:
    https://discussions.apple.com/thread/3142618?tstart=0

  • Site not displaying correctly in DW Design View

    This is a weird display problem on one of my sites that I
    have not seen before.
    I sometimes log into my server remotely and make changes to
    the html manually then resave the files. Later I may download the
    newly edited files and put them in my backup site folder on my
    local machine.
    On one particular site, everything looks fine online from my
    server, but when looking at the files locally in DW Design view
    everything is out of whack. The images are all over the place and
    the backgrounds are completely missing. If I preview the it still
    looks normal and all the images are in the correct place and
    backgrounds are fine. Only displays wrong in DW Design View which
    makes it impossible to use the WYSIWYG to edit this site now.
    Anyone encountered anything like this?

    You are editing the files directly on the server, and not
    from a local site?
    And which DW are you using?
    Murray
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "destind4film" <[email protected]> wrote in
    message
    news:f4mol4$enm$[email protected]..
    > This is a weird display problem on one of my sites that
    I have not seen
    > before.
    >
    >
    > I sometimes log into my server remotely and make changes
    to the html
    > manually
    > then resave the files. Later I may download the newly
    edited files and
    > put
    > them in my backup site folder on my local machine.
    >
    > On one particular site, everything looks fine online
    from my server, but
    > when
    > looking at the files locally in DW Design view
    everything is out of whack.
    > The
    > images are all over the place and the backgrounds are
    completely missing.
    > If I
    > preview the it still looks normal and all the images are
    in the correct
    > place
    > and backgrounds are fine. Only displays wrong in DW
    Design View which
    > makes it
    > impossible to use the WYSIWYG to edit this site now.
    >
    > Anyone encountered anything like this?
    >

  • Muse site not displaying correctly when 'Published' to BC

    Hi all
    Strange incidents happening with a Muse site I'm designing for a client. When I use the Publish feature (which uploads the site to the default Business Catalyst domain you get with the Muse subscription) it throws  the elements all over the place, so buttons, type, imaegry and widgets aren't wheere they should be.
    I've cleared the cache, restarted the browser, tried in other browsers and still the same result, so pretty unhappy.
    When I 'Preview' the site in a browser everything seems perfect.
    Bizarre thing is when designing my first ste the opposite was the case; lots of visual problems when using 'Preview' but perfect when 'Published' to BC.
    Anyone got any ideas as to why this is happening?
    All help appreciated

    Hi gaurav
    Thanks for the reply, think we have the solution. Apparantly Muse is not uploading the updated CSS files. I created a test domain on my own website to use for this project and uploaded via Fetch and everything worked fine.
    So it looks like it's an issue with Muse
    Regards
    Phil Wiles
    Creative Director
    Phunction Ltd
    +44 (0)7513 555474
    http://www.phunction.co.uk

  • Dreamweaver CS5 toolbar not working correctly

    This is crazy.
    1. Sometimes my undo works, but sometimes it doesn't. The undo arrow stays in the active  state (not greyed out) and I can click it over and over again even though nothing on the  page changes. When I try to redo the redo arrow is greyed out even though it should not be after changes.
    2. I use the 'standard' toolbar option (right click on tool bar and  check 'standard'. When I edit a file and go to save the save icon is  grey, but the 'save all' is available. So I have to use the save all.
    I have the latest patch installed and trashed my configuration file. I might add that I have the software installed on two computers and both have this issue!
    I'm not sure what's going on or what to try next but hopefully there is a solution.
    Thanks

    What OS are we talking about first off?
    1 & 2.  Are you switching between related files even though you are working in one document?  In this case I have sometimes encountered the problem you describe in OSX.  It's not all the time, but I find the most reliable way is to just use keyboard shortcuts (cmd/ctrl + s). 
    Best advice I can give is that it is a bug report and you are able to reproduce it consistently then you should file a bug report that is as detailed as possible (down to the keystroke and click).
    Adobe - Feature Request/Bug Report Form

  • Web site not displaying correctly in IE7 or lower

    Hi.  I uploaded my site and thought everything was fine with it.  I'm running IE8 and it looks fine for me, but then I checked it on another computer that has IE7 and the formatting looks incorrect.  The main content area is way low - you have to scroll down to see it and the banner at the top has a blue line through it - which I think is really just a space with a blue background.... Can anyone help me fix this?  Thanks so much.
    www.thepieplace.net
    Debbie

    Search this forum! This gets explained 5 times a day...
    Mylenium

  • Flash not displaying correctly for only one web site

    In the last 3 or 4 days I seem to have problems with the flash content of one single web site not displaying correctly from my laptop.  I have the same problem from both IE (version7.0.5730.11) and from FF (3.5.8).  The site works fine from my desktop system so it's not the site specifically.  The site (www.transparent.com/wotd/today/spanish.htm) has an embeded flash segment that does not display correctly and thus I can't click on two of the embedded buttons.  It also does not display the background pattern for the flash.  I'm running flash 10.0.45.2 based upon right clicking from within the embedded flash which takes me to the Adobe page with my version info.  The Adobe page seems to display fine.
    As far as I know I'm not having problems with another instance of flash - only this site.
    Any thoughts on how to diagnose the problem?  I've not added any new programs since this website stopped working but do have some background "tune up" programs that run.  I'm assuming some settings are out of wack but don't know where to start looking.  Any help folks woulc provide would be appreicated.

    Well, that is hard to tell. Like I said the website may have updated their technology. Just because it works with the Desktop, doesn't mean there is not a reason that the laptop might not have a problem. You have 2 different systems and
    most likely different configurations.
    You may want to check Tools and in the add ons for both, look for Shockwave Flash Object...ActiveX Control..Flash10e.ocx should be installed and enabled.
    Also for each check C:\Windows\System32\Macromed\Flash  Right click the Flash folder and make sure for IE that the files are vs 10.0.45.2 by checking the properties.
    If you have the correct Flash files and the correct SWO then, some other cause would be looked at.
    It has been my experience to not "assume", but verify:-)
    Thanks,
    eidnolb

  • Search box not displaying correctly in Safari

    How can the search bar on the Apple site not display correctly in Safari? I find this odd that Apple would allow this. It displays like 2 search boxes overlapping each other. It still functions correctly but it is a little embarrassing since I am always bashing windows pro browser display.

    Hi
    Welcome to Apple Discussions
    Might be a corrupted cache or cookies issue. First, go to Safari Preferences>Security>Show Cookies. Type Apple in the Spotlight panel. Highlight/remove the cookies. Then, go to the Safari Menu>Empty Cache. Try the Apple site.
    If the double search panel still appears, go to the Finder: Your User Account>Library>Caches. There, move to the trash the com.apple.safari file. Restart Safari and try the Apple site again.
    Post back

  • Why is Times New Roman not displaying correctly in Illustrator CS5?

    Alright, so I'm running Windows 7 64-bit and Illustrator CS5.
    Times New Roman Regular does not display correctly on my machine when using Illustrator CS5, but Bold, Italic, Italic Bold display just fine.  Times New Roman does display correctly in every other program I use.  InDesign, Word, etc.  I've attached a screenshot to show what I mean.  Please help!

    Hi,
    I have an absolutely same bug - looks like font substitute
    I had reinstall font family - no changes. Win 8.1 Illustrator CC.

  • Site is not displaying correctly in IE

    hello all, please help. Just created a site alex.me.mw
    please tell me why it is not displaying correctly in IE but in all other browsers .
    Thank you

    Thanks Hans for your prompt response. I am aware of that problem. But even if I comment that section out, it still shows the same. For instance not all pages contain the object tag.
    Check alex.me.mw/admin.html; alex.me.mw/contactus.html; alex.me.mw/aboutus.html. For some reason I think the problem is with the header Image. But once again I am just a novice.
    Is there an IE validator, which will tell me where the problem is exactly. Thank you Hans for taking a look at this. This browser issue is driving me crazy...

Maybe you are looking for