Dreamweaver and CSS display problem

Hi,
I am new to CSS layouts and trying to build a site in pure
CSS but I am having a problem with how it is dispayed within
dreamweaver.
here is
the html page as it looks in a browser
But
here is how the page currently looks is dreamweaver
As you can see, my divs which run along the bottom of the
page in the browser are actually shown contained in another div in
dreamweaver which is very misleading!
Is this due to something i have done or is this how it
displays in dreamweaver?
HTML code as follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Untitled Document</title>
<link href="lovellkits.css" rel="stylesheet"
type="text/css">
</head>
<body>
<div id="main">
<div id="logo"></div>
<div id="navbar">Nike Kits | Optimum Kits | Lovell
Rugby Kits | Training Wear | Equipment</div>
<div id="bannerlarge"></div>
<div id="smlbanner1"></div>
<div id="smlbanner2"></div>
<div id="smlbanner3"></div>
<div id="smlbanner4"></div>
</div>
</body>
</html>
and
my CSS can be found here
Thanks for reading
Steve

FWIW, there were significant rendering improvements made in
DW8, so it
may be worth the upgrade if you're creating layouts in DW.
In the meantime, try adding some content to the bannerlarge
container. I
think DW may be incorrectly collapsing that tag since it's
empty.
HTH,
Randy
> Dreamwaever MX 2004 for the mac

Similar Messages

  • Xml and css display problem

    I have 1 small problem I have created a CSS file to display the title elements of an xml file but the titles appears to right on top of each other.
    IE the titles symbol name last sales and net change % change and volume are all aligned on top of each other.
    Below is my code.
    quotes                                        {width: 750px; font-size: 12pt; margin: 20px}
    dateTime                              {display: block; position: absolute; top: 0px; left: 600px; font-size: 8pt}
    heading                              {display: block; font-size: 32pt; font-family: Arial, Helvetica, sans-serif; text-align: center; font-weight: bold}
    subHeading                         {display: block; font-size: 14pt; top: -10px; font-family: Arial, Helvetica, sans-serif; text-align: center;                               font-weight: bold}
    titles                                   {display: block; margin-bottom: 20px}
    column                              {display: inline; font-size: 8pt; text-decoration: underline; font-family: "Courier New", Courier, monospace}
    stock                               {display: block; border-bottom: 1px solid #000000; font-size: 10pt; font-family: "Courier New", Courier, monospace}
    symbol                                        {position: relative; left: 40px}
    #c1, column                         {position: absolute; left: 40px}
    #c2 , company                     {position: absolute; left: 130px}
    #c3, lastSale                         {position: absolute; left: 430px; width: 70px; text-align: right}
    #c4, netChange                         {position: absolute; left: 510px; width: 80px; text-align: right}
    #c5, pChange                         {position: absolute; left: 590px; width: 80px; text-align: right}
    #c6, volume                              {position: absolute; left: 640px; width: 100px; text-align: right}Edited by: user9311551 on Jan 16, 2012 5:20 PM

    FWIW, there were significant rendering improvements made in
    DW8, so it
    may be worth the upgrade if you're creating layouts in DW.
    In the meantime, try adding some content to the bannerlarge
    container. I
    think DW may be incorrectly collapsing that tag since it's
    empty.
    HTH,
    Randy
    > Dreamwaever MX 2004 for the mac

  • Learn Adobe Dreamweaver and CSS the faster, easier way-  - WITH the expertise of an Adobe Certified

    Learn Adobe Dreamweaver and CSS the faster, easier way… … WITH the expertise of an Adobe Certified Instructor … WITHOUT the inconvenience (and expense) of classroom training!  Monthly Commissions $$- Learn Adobe Dreamweaver Videos With Help Desk!     Sell Once, Make Money Every Month!! Nationwide Speaker & Author Of 4 Books, Brian Wood's Learning System Is By Far The Best Way To Learn How To Build Websites Using Adobe's Dreamweaver Program- With Help Desk - Never Get "stuck" Again. Incredible Reviews!

    There is no global option for this.
    Mylenium

  • Mid 2010 Macbook Pro sleep and external display problem

    I recently upgraded to the new 2010 15 inch core i7 Macbook Pro. The problem i have is that it will not detect an external display (23inch Cinema) after waking from sleep. This happens after using the display to extend the desktop and also when using the Macbook in closed mode.
    I've managed to get it to detect the display only after either restarting the Macbook completely or by going into energy saver and switching to dedicated graphics then going back to detect display.
    It seems that when on integrated graphics it doesn't register that an external display is connected. If i leave a program open and running that causes the dedicated graphics to kick in then it works ok. If i close all programs, shut the macbook pros lid, computer sleeps and external display shuts off. If i click the mouse to wake with lid closed, apple logo lights, machine starts up few seconds later macbook returns to sleep. If i open the screen the machine wakes as normal but the external monitor doesn't.
    Any help is much appreciated as its starting to frustrate me now...
    Many thanks
    oh and im running OSX 10.6.3

    I thought it was intermittent to begin with until i started looking into it. By leaving programs open, like aperture, before i put the machine to sleep it appears to wake the external monitor up without a problem. If i shut all programs or leave basic things open like safari and mail which don't require the dedicated graphics, then upon wake it wont register an external screen is connected.
    Manually detecting displays in settings doesn't work.
    Disconnecting and reconnecting mini display port doesn't work.
    Turning off power to cinema display and powering back up doesn't work.
    To get the display going again its either 1) turn off macbook pro and re-boot or 2) re-start the machine then the display is automatically recognised. Or 3) launch a programme that kicks in dedicated graphics then manually go in and detect displays again..... like magic the display then springs to life.
    No ideas anyone??

  • Dreamweaver and Windows Vista Problem

    Hello,
    I ran into a problem with my Dreamweaver - 8 application and
    cannot find a fix. I open up the Dreamweaver application, 2-3
    seconds later, I get the following error message, “A problem
    caused the program to stop working correctly, windows will close
    the program and notify you if a solution is available.” I am
    using Windows Vista and believe the problem is associated with the
    Vista operating system. I am puzzled by the fact that I have been
    using Dreamweaver with Vista and have had no problems up until now.
    I uninstalled & reinstalled Dreamweaver to no avail. I
    restored my computer to an earlier date, and updated Dreamweaver,
    and still have the same problem.
    Any help to resolve this problem would be greatly
    appreciated.
    Steve
    Text
    Text

    Hello Again,
    I finally fixed the problem. I went into my network settings
    and reset my network address. This did the trick, I went back and
    opened up Dreamweaver without any problem.
    Steve

  • How to solve the flash Builder 4.6 scroll view and textinput  display problem?

    I have a dynamic form application which worked well on flash builder 4.5, having display problems in flash builder 4.6 now. What I did is adding
    TextInput objects  to a scroll view and set the texts for them dynamically. Everything is fine after the screen loaded. But if I scroll down, sometimes the texts will be placed in wrong positions. I attached the screen copy of the wrong display. Does anybody know how to solve this problem? Thanks.

    Check out the two threads below (if you have not already). I have not tried it but aeonus describes an approach that made me think of something that might work ... It is a workaround but, what if you have a text field (txtA) with the skin that does not allow soft keyboard selection, but does scroll correctly, and on the onClick event of that text field, you dynamically cover it with another text field (txtB) that does allow soft keyboard selection, (but does not scroll properly) and trigger the keyboard. After you get the entry from the user, set the value of txtA and destroy txtB ... leaving you (theoretically) with properly scrolling text fields. If you have a lot of those in your app, you might want to write a component that implements that behavior.
    "Create a dynamic textfield, and on click, invoke create a StageText instance at the same location as the textfield (by setting the StageText.viewPort property)
    Finally, set StageText.softKeyboardType to "numeric" and call StageText.assignFocus();"
    http://forums.adobe.com/thread/915019?tstart=0
    http://forums.adobe.com/thread/911214?tstart=0

  • Outlook HTML and CSS Validator Problem

    Hi,
    I downloaded this
    Outlook
    HTML and CSS Validator for DreamWeaver 8
    (WordMailSupportMacromedia.msi) but when I
    followed
    the instructions and went to the Browser Check settings,
    "Microsoft Word" did not show up in the Target Browsers list.
    Anyone know why or have a fix?
    Thanks much!

    FederalWayDave wrote:
    > Hi,
    >
    > I downloaded this
    >
    http://www.microsoft.com/downloads/details.aspx?familyid=0b764c08-0f86-431e-8bd5
    > -ef0e9ce26a3a&displaylang=en for DreamWeaver 8
    (WordMailSupportMacromedia.msi)
    > but when I
    >
    http://msdn2.microsoft.com/en-us/library/aa338200.aspx#Word2007MailHTMLandCSS2_D
    > reamweaver]followed the instructions and went to the
    Browser Check settings,
    > "Microsoft Word" did not show up in the Target Browsers
    list.
    >
    > Anyone know why or have a fix?
    >
    > Thanks much!
    >
    you can open your html pages FROM Microsoft Word.
    seb ( [email protected])
    http://webtrans1.com | high-end web
    design
    Downloads: Slide Show, Directory Browser, Mailing List

  • Dreamweaver and CSS, Java editing an exsisting website to create your own template.

    HI I am new to Dreamweaver and programming,  but I have found a website that I like create something off of, not copying but utilizing some of its div tag positions and formatting.  When I bring the source into Dreamweaver and start to edit some of the things I want to change, I receive some errors that I’m not sure of how to work around.   For example, I want to extend one of the boxes they created and when I try to change it tells me “unable to open file because it could not be found on your local disk”  You can download the file by using the remote view of the file panels or by selecting the file in the related files toolbars” I believe this file is associated with the CSS.  Basically I’m trying to learn off this website and recreate something completely different but I’m not sure how to allow access or tell Dreamweaver to recognize a CSS from my computer.  Hope you understand, let me know what you think.

    Why not leave it on the page?
    If you want to eliminate it, you could try to replace this -
    <div class="tower-rail-item">
              <script type="text/javascript"><!--
                    google_ad_client = "ca-discovery-green_js";
                    google_ad_width = 160;
                    google_ad_height = 600;
                    google_ad_format = "160x600_as";
                    google_ad_type = "text_image";
                    //2007-01-30: indiv - left 2nd - skyscraper
                    google_ad_channel = "TreeHugger_Left_Tower";
                    google_color_border = "f0f0f0";
                    google_color_bg = "f0f0f0";
                    google_color_link = "4E5D76";
                    google_color_text = "000000";
                    google_color_url = "4E5D76";
                    google_feedback = 'on';
                    //--></script>
              <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
            </div>
    with this -
    <div class="tower-rail-item" style="width:160px;height:600px;>
    </div>
    (Note that you are showing more than what you would have deleted to remove it altogether in your post above.  To delete it altogether, change this -
            </ul>
            <div class="tower-rail-item">
              <script type="text/javascript"><!--
                    google_ad_client = "ca-discovery-green_js";
                    google_ad_width = 160;
                    google_ad_height = 600;
                    google_ad_format = "160x600_as";
                    google_ad_type = "text_image";
                    //2007-01-30: indiv - left 2nd - skyscraper
                    google_ad_channel = "TreeHugger_Left_Tower";
                    google_color_border = "f0f0f0";
                    google_color_bg = "f0f0f0";
                    google_color_link = "4E5D76";
                    google_color_text = "000000";
                    google_color_url = "4E5D76";
                    google_feedback = 'on';
                    //--></script>
              <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
            </div>
        </div>
    </div>
    to this -
            </ul>
            <div class="tower-rail-item">
            </div>
        </div>
    </div>
    It's not suprising that deleting something like that might change the layout of the page.  A well-built web page is very much like a well-built (and intricate) rock wall. Each element of the page somehow depends on the support and presence of each other element.  Remove one and things get kinda crooked....

  • 10.4.5 Update is out and fixes display problems.

    For all who have not updated yet:
    You can either on Apple.com/support/downloads get the Intel 10.4.5 update or the blue Apple in the left top corner of the screen click it and then software update.
    This will list all available updates depending on what is on your MAC.
    There is several Imac Intel users reporting fixes for their display problems ect. after installing the update + restarting.

    This fixes the problems except maybe for the 20" 256mb vram ones ????
    www.hardmac.com reports still some problems on one of theirs.

  • Rescue and Recovery display problem

    I'm running Rescue and Recovery 4.21.0016.00 and when I boot the R&R rescue media boot disk I come up with the screen that shows the options however the the image is too big to fit the screen. I've tried 2 different monitors but the program makes the image size too large so that I can't see all the options and pick what I wnat to do. I'm  running this on a IBM Netvista 8307-GU6. Any ideas out there????????

    I found another post for the same problem and found the fix. went into the BIOS and increased the display memory and that fixed my display problem. Now if I can just find out why the R&R program won't recognize the backup file when I boot from the CD I'll be happy. The backup file is on a USB drive and when I look at it from the Windows XP side it shows it being there but booting from the CD there are no backup files to restore from.  Any ideas????

  • Problems with DW:CS3 and CSS Display

    Hi...DW:CS3 is not rendering pages that work under DW8 and
    Firefox and IE6. The best example I can show you is from Chapter 13
    of CSS: The Missing Manual by McFarland. The full tutorial files
    can be found here: www.sawmac.css (you have to download the files,
    unzip them and then look at the chapter_13_finished html file.
    The content and news divisions are pushed down after the
    navigation. Does anyone know if this is bad code or a problem w/th
    the CS3 engine. It works fine under DW8.
    Thanks for your help.
    (I've posted the html and main css page here)

    Yes...the pages from the book display perfectly in dw8, but
    not in DWcs3.
    I found that by commenting out the "clear:left;" under "#nav"
    the page displays properly in DWcs3, too. That leaves open the
    question of "why".
    Thanks.

  • CSS display problem

    I have an unusual problem that must be something to do with
    my Dreamweaver set-up.
    All of a sudden all of my sites do not display the CSS in the
    dreamweaver application. The CSS details all appear and I can
    select them in the usual way but nothing appears on screen.
    When I preview any page from any site in a browser it is
    fine.
    Does anyone have any idea what the problem might be?
    Thanks
    Dave

    VIEW | Style Rendering > Display Styles
    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
    ==================
    "davecheet" <[email protected]> wrote in
    message
    news:f65vv5$flb$[email protected]..
    >I have an unusual problem that must be something to do
    with my Dreamweaver
    > set-up.
    > All of a sudden all of my sites do not display the CSS
    in the dreamweaver
    > application. The CSS details all appear and I can select
    them in the usual
    > way
    > but nothing appears on screen.
    > When I preview any page from any site in a browser it is
    fine.
    >
    > Does anyone have any idea what the problem might be?
    >
    > Thanks
    >
    > Dave
    >

  • Htmltext, images and css' display property

    Hi all,
    I've got two questions; one about whether or not something is
    natively
    possible in Flash and another if there is a free or
    commercial component
    to fix the problem.
    I know CSS/HTML in textfields is one of the weak points of
    Flash, but I
    still would like to clear something up (couldn' find a
    definitive 'not
    possible' through google).
    I'm trying to display images from HTML/XML as block through
    CSS in a
    dynamic textField but can't seem to get it to work. I kinda
    doubt
    whether it is possible at all...
    I've tried too many variations to display one piece of code
    which fails,
    but it boils down to:
    * I load XML in which headings, paragraphs and images
    (usually within a
    paragraph) are set.
    * I load CSS (or generate with AS for that matter) which
    set's the
    properties of the various tags.
    * Images always display inline even if just one single char
    fits beside
    it in the field. If nothing really fits beside the image,
    Flash still
    places text there which is then hidden from the reader. All
    attempts to
    have the image's display set to block fail. Also if I try
    through a
    surrounding p-tag.
    I tried all from XML.ignoreWiitespace,
    TextField.condenseWhite, adding
    p-, and br-tags. It just won't work.
    If there really is no (why not?!) possibility to have it done
    natively,
    does anyone know of a solution (paid or free) done
    previously? I can
    think of some ways to make a start, but kind of don't have
    the time to
    make a really thorough effort...
    Thanks in advance?
    Manno Bult
    http://www.aloft.nl

    OK, kind of 'fixed' this one:
    * parse HTML/XML for contained img-tags
    * added id attribute if not present
    * place HTML/XML in field
    * get reference to loader object associated with the image(s)
    through
    TextField's getImageReference() method.
    * aad eventListener to it
    * on INIT or COMPLETE: retrieve height of image/loader object
    * insert multiple paragraphs after image so that next actual
    text
    appears below image. Multiple paragraphs are inserted to
    accomodate the
    useage of scrollV for field, otherwise (one big paragraph)
    image would
    be considered as one line and scrolling would look strange...
    Inserted
    paragraphs have a set leading style so the number of
    paragraphs to
    insert can be calculated.
    ugly but for me it works (at the moment). Anyone any better
    solutions?
    kind regards,
    Manno
    Manno Bult
    http://www.aloft.nl

  • CSS Display Problems

    Hi everyone, I hope someone can help me out with this
    problem.
    My website displays fine in all the browser that I've tested,
    but I've restenly noticed that areas are rendered wrong in the
    Google Cache snapshot?
    Example:
    My Site:
    www.dcypher.co.uk
    Click
    to view Google Cache Snapshot
    This is the CSS code I have for the 2 column's in the body
    that are displaying incorrectly:
    #main {
    background-image: url(images/mainBackground.gif);
    background-repeat:repeat-y;
    background-color: #666666;
    width: 700px;
    height: 100%;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    overflow: auto;
    #mainText {
    width: 434px;
    margin: 0px;
    padding-top: 40px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    float:left;
    #mainNav {
    width: 156px;
    margin: 0px;
    padding-top: 40px;
    padding-right: 25px;
    padding-bottom: 40px;
    padding-left: 25px;
    float:left;
    I hope someone can shed some light on this for me as i'm
    completely stumped.
    Thanks in advance.
    Webbo

    Yes...the pages from the book display perfectly in dw8, but
    not in DWcs3.
    I found that by commenting out the "clear:left;" under "#nav"
    the page displays properly in DWcs3, too. That leaves open the
    question of "why".
    Thanks.

  • Preview app and retina display problem after installing Maverick

    Hi everyone, i upgraded to Maverick yesterday and i now have a problem with the software "Preview 7.0". I've got a macbook pro 13" retina.
    Before Maverick i could visualise image in high resolution using Preview, and the 100% view was showing the image full quality. Now my Preview software acts like i'm not on retina and i can only visualise my images with the resolution of a standard monitor.
    Does it make sense ? Please help !!!

    I'm having the same issue with Preview not displaying images at the correct resolution.  If you also look at the info in Preview, there are metadata issues showing up.  Under "Creator's Contact Info" this is the info displayed.
    Creator's Contact Info: , CiAdrCtry, CiAdrExtadr, CiTelWork, CiUrlWork, CiAdrPcode, CiAdrRegion, CiAdrCity, CiEmailWork
    Something is broken with the program.
    Macbook pro retina 15" (late 2012)

Maybe you are looking for