Viewing Troubles with CSS web

Hello,
I am still having trouble with a web page that I was asked to
redesign. I decided to implement CSS into the page to change the
appearance and navigation, however, the javascript (inherited) that
was used on the page is having problems. I don't not know
javascript, therefore I really can't address that issure right now.
The page is centered in all of the browsers, along with the
header and the container for the tab menu. The issue is the other
containers that have side navigation or the content within the tab
menu container.
My concern is that the page is viewing correctly in IE6 and
Opera but not in Netscape and Firefox. When I preview the page in
the browsers, I get an error message in the status bar "done but
errors on page" (still views correctly in IE & Opera).
Hopefully, this all makes sense and everyone is not off
enjoying pre-4th July celebrations to respond. -Thanks!
css style

Did you post a link to your page?
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
==================
"Iwannaknow2" <[email protected]> wrote in
message
news:e8b5du$9q2$[email protected]..
> Hello,
>
> I am still having trouble with a web page that I was
asked to redesign. I
> decided to implement CSS into the page to change the
appearance and
> navigation,
> however, the javascript (inherited) that was used on the
page is having
> problems. I don't not know javascript, therefore I
really can't address
> that
> issure right now.
>
> The page is centered in all of the browsers, along with
the header and the
> container for the tab menu. The issue is the other
containers that have
> side
> navigation or the content within the tab menu container.
>
> My concern is that the page is viewing correctly in IE6
and Opera but not
> in
> Netscape and Firefox. When I preview the page in the
browsers, I get an
> error
> message in the status bar "done but errors on page"
(still views correctly
> in
> IE & Opera).
>
> Hopefully, this all makes sense and everyone is not off
enjoying pre-4th
> July
> celebrations to respond. -Thanks!
> [email protected]
>

Similar Messages

  • Trouble with css background

    Hey guys, I am having trouble with some code. I have nested divs inside of a container dive for the body copy, but I am having trouble with the background of the container div going behind the nested divs. I only have this issue with the background when I go to float the nested divs.
    Below is a copy of my html and a copy of my linked css style sheet.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Welcome to Optimus Lens</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    <style type="text/css">
    #sector {
         background-repeat: no-repeat;
         background-position: left;
         width: 869px;
         margin-top: -51px;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    #oag {
         width: 574px;
         margin-left: 23px;
         float: left;
         /* [disabled]position: relative; */
    #small_col {
         width: 279px;
         margin-right: 23px;
         float: right;
         /* [disabled]position: static; */
    </style>
    </head>
    <body onload="MM_preloadImages('images/home_over.jpg','images/our_mission_over.jpg','images/products_over.jpg','images/news_over.jpg','images/order_over.jpg','images/contact_over.jpg')">
    <div id="CONTAINER">
           <div id="header"><img src="images/header_top.png" width="916" height="39" />
           <img src="images/header_logo.jpg" width="916" height="95" />
          <img src="images/header_image.jpg" width="916" height="266" />
           <img src="images/header_bar.jpg" width="916" height="9" />
    </div>
          <div id="menuContainer">
         <!-- NAVIGATION -->
                    <ul>
                    <li>
                    <img src="images/fold_left_top.png" width="22" height="35" /><img src="images/menu_left.jpg" width="197" height="35" />
                    </li>
                    <li>
                        <div class="menu n1"><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/home_over.jpg',1)"><img src="images/home_up.jpg" alt="home" name="home" width="66" height="35" border="0" id="home" /></a></div></li>
                    <li>
                      <div class="menu n2"><a href="mission.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Our Mission','','images/our_mission_over.jpg',1)"><img src="images/our_mission_up.jpg" alt="Our Mission" name="Our Mission" width="124" height="35" border="0" id="Our Mission" /></a></div></li>
                    <li>
                        <div class="menu n3"><a href="products.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Products','','images/products_over.jpg',1)"><img src="images/products_up.jpg" alt="products" name="Products" width="98" height="35" border="0" id="Products" /></a></div></li>
                    <li>
                        <div class="menu n4"><a href="news.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('News','','images/news_over.jpg',1)"><img src="images/news_up.jpg" alt="News" name="News" width="77" height="35" border="0" id="News" /></a></div></li>
                    <li>
                        <div class="menu n5"><a href="order.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Order','','images/order_over.jpg',1)"><img src="images/order_up.jpg" alt="Order" name="Order" width="77" height="35" border="0" id="Order" /></a></div></li>
                    <li>
                      <div class="menu n6"><a href="contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','images/contact_over.jpg',1)"><img src="images/contact_up.jpg" alt="Contact" name="Contact" width="80" height="35" border="0" id="Contact" /></a></div></li>
                    <li>
                      <img src="images/menu_right.jpg" width="197" height="35" /><img src="images/fold_right_top.png" width="22" height="35" /> </li>
                    </ul>
          </div>
           <div id="header_bottom"><img src="images/fold_left_bottom.png" width="22" height="38" /><img src="images/header_bottom.jpg" width="916" height="38" /><img src="images/fold_right_bottom.png" width="22" height="38" />
        </div>
         <div id="bodycopy">
           <div id="sector">
          <img src="images/home/sector_top.png" width="869" height="341" alt="sector frames" />
          </div>
           <p> </p>
           <div id="oag">
          <img src="images/home/oag_join.png" width="574" height="281" alt="save with oag" />
          <p> </p>
          <img src="images/home/bottom.png" width="574" height="132" />
          </div>
          <div id="small_col">
          <img src="images/home/optimize_small.png" width="279" height="132" />
          <p> </p>
          <img src="images/home/intuition_small.png" width="279" height="132" />
          <p> </p>
          <img src="images/home/intuition_small.png" width="279" height="132" />
          </div>
         </div>
        <div id="footer"><img src="images/footer.png" width="916" height="52" />
      </div>
    </div>
    </body>
    </html>body {
         margin: 0px;
         background-image: url(images/background_fade_04.jpg);
         background-repeat: repeat-x;
         background-position: top;
         background-color: #DCDCDC;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 13px;
    #box1 {
         background-image: url(images/bodycopybox_01.png);
         background-repeat: no-repeat;
         background-position: left;
         height: 54px;
         width: 869px;
         margin-top: 0;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    #box2 {
         background-image: url(images/bodycopybox_02.png);
         background-repeat: repeat-y;
         background-position: left;
         width: 869px;
         margin-top: 0;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    .bodycopybox {
         padding-right: 40px;
         padding-left: 40px;
    .bodycopyboxheader {
         padding-right: 40px;
         padding-left: 40px;
         font-weight: bolder;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 14px;
         color: #21368b;
    #box3 {
         background-image: url(images/bodycopybox_04.png);
         background-repeat: no-repeat;
         background-position: left;
         height: 31px;
         width: 869px;
         margin:0 auto;
    #box4 {
         background-image: url(images/bodycopybox_03.png);
         background-repeat: no-repeat;
         background-position: left;
         height: 31px;
         width: 869px;
         margin:0 auto;
    p {
         margin: 0px;
    #header_bottom {
         width: 960px;
         margin:0 auto;
    #CONTAINER {
         width: 100%;
         margin:0 auto;
    #header {
         width: 916px;
         margin:0 auto;
    #menuContainer {
         width: 960px;
         margin:0 auto;
         height: 35px;
    #menuContainer ul{
         list-style:none;
         height:35px;
         margin:0;
         padding:0;
    #menuContainer li{
         float:left;
         height:35px;
         margin:0;
         padding:0;
    #menuContainer li a{
         text-align:center;
         float:none;
         height:35px;
         margin:0;
         padding:0;
    div.menu{position:relative;}
    .n1{
         width:66px;
         float:left;
         display:inline-block;
         clear:both;
    .n2{
         width:124px;
         float:left;
         display:inline-block;
         clear:both;
    .n3{
         width:98px;
         float:left;
         display:inline-block;
         clear:both;
    .n4{
         width:77px;
         float:left;
         display:inline-block;
         clear:both;
    .n5{
         width:77px;
         float:left;
         display:inline-block;
         clear:both;
    .n6 {
         width:80px;
         float:left;
         display:inline-block;
         clear:both;
    #bodycopy {
         background-color: #FFFFFF;
         width: 916px;
         padding: 0px;
         margin-top: 0;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    #footer {
         width: 916px;
         margin:0 auto;
         padding: 0px;

    Try this:
    #CONTAINER {
    width: 900px;
    margin:0 auto;
    background: #FFF;
    overflow:hidden; /**float containment**/
    /**There is no need for #sector division, you can delete it.**/
    #oag {
    width: 574px;
    float: left;
    margin-left: 25px;
    #small_col {
    width: 279px;
    float: right;
    margin-right: 25px;
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Having trouble with custom web auth page on 4404

    Hi all
    I am having trouble with a custom web auth page on my controller, we have edited the original file, but when we click login it goes to page cannot be displayed and it doesnt redirect to the page I want, however when I close the window and reopen it has already authenticated me.
    Has anyone got a copy of some working html code I can use ?
    cheers

    There is sample Web Authentication bundle avaiable for download from cisco.com. if you go to the software download page and go to Wireless->Standalone Controllers->4404 you should see a link for Wireless Lan Web Authentication Bundle.
    Its the same bundle whether you have a WiSM, 4404 or 2100

  • Trouble with sucure web sites

    I am having trouble with sucure websites. When I log into a sucure site I can navigate to no more than 3or 4 pages (sometimes as little as 1) and the the web brouser will stop loading. I have tried several brouser and it happens with all of them. I am using a rev B iMac running 10.3.9 hook to the internet via a airport extreem. Help?
    rev B iMac   Mac OS X (10.3.9)  

    I was never able to resolve this problem but I have now retired the computer

  • I am having trouble with CSS.  Displays right in DW but not in web browser

    Hello,
    I am having difficultiy getting my webpage to look the way it does in Dreamweaver in a browers (All 5 of them).  My problems are with:
    - Title Heading Content
    - Sidebar
    I have two lines in my heading with the name of the organization.  I made two rules.  Header H1 and a sub header.  For some reason while previewing them in a browser there is a gap between the two words.  But in DW there is not.  I do not want the gaps.  How can I fix it?
    In a browser the side bar does not come all the way down.  There is a small gap between it and the footer.  Like the other problem this does not appear in DW only in the browers.
    Any help would be appreciated!  I am still learning CSS.
    I believe these are the only two files you need to look at.
    Thanks for the help!

    Also how can you see if your ISP offers the free web server space?
    Contact your internet service provider (ISP).  Often this is your telephone or cable broadband provider too.  If not, there are many free or very low cost remote server hosts around.   Do a Google search.
    I did do the validator and it told me I was fine.  I did not do a CSS one though.
    Good. So we know it's not an HTML error.  Get the FF Web Developer Toolbar.  It permits you to edit CSS in your browser to see how changes effect the layout plus a lot of other cool stuff.
    Sorry I'm still new to all of this.
    Don't fret, Tim. We all started in the same place.  You'll catch on soon enough. 
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb

  • Design View Quarks With CSS Code

    Alright I have a somewhat complicated situation to explain here so I'll try and simplify this.  Basically, I'm seeing the most erratic behavior when attempting to add padding to this ordered list and looking at it in Design View.  Example code:
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Untitled Document</title>
    </head>
    <body>
    <ol style="padding-left: 10px;">
        <li>stuff</li>
        <li>things</li>
    </ol>
    </body>
    </html>
    Now BEFORE I added that css style into the ol tag, the ordered list was all nice and indented.  AFTER I add a style to it, it gets sucked up all the way to nearly touching the left edge of my page now except those 10px (I do have to say, that ruler in DW is nice for this sort of thing) as if it's forgotten any other kind of indentation at all.  What is strange to me is that if I save the file and load it in a browser, indentation is normal .  If I close the file in Dreamweaver and open it again, spacing is fine.  Why is it doing this?
    Picture below shows what happens when I first introduce the code and then after I've saved and reopened the document.

    Interesting.  I think you're right about the quirks mode.  Once I specify the doctype at the top, it looks consistent everywhere...with almost no padding.  That kind of sucks actually.
    New Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Untitled Document</title>
    </head>
    <body>
    <ol style="padding-left: 10px;">
        <li>stuff</li>
        <li>things</li>
    </ol>
    </body>
    </html>
    I guess this site has actually had CSS that probably is doing the opposite of what they wanted for years now.  Thanks.  Good catch on quirks mode.  I've been in the bad habit of never using the doctype declarations in my HTML documents and you've opened my eyes to start actually doing this now.  I can now open, reopen, 100 times and I always get the same result.

  • Trouble with CSS Positioning

    Hello-
    I am working with a built-in Dreamweaver CSS template (2
    Column, Fixed, Header & Footer). I am trying to get the two
    divs that are nested inside the container div to always be 100%
    height of that container div... Just can't seem to get it right.
    For example, I have a div named "Container". Then I have two
    nested divs, one called "LeftSideBar" (set to float: Left), the
    other named "MainContent" (no float). When I go to set the
    positioning, I put the height of the interior divs to 100%, but
    only the "MainContent" div is adjusting to the height of the
    outside "Container" div. The "LeftSideBar" stays the same and does
    not grow to fill 100% of the Container.
    Below is the code for the three Divs mentioned above... Any
    help would be much appreciated.
    PS - Here is a link to the page...
    Executive.html
    Here is the CSS code for the three Divs:

    Anyone? I would really appreciate the help!

  • Trouble with Photoshop Web Galleries

    Hello,
    I am trying to create a web gallery. I have created several in the past, but I have a problem with the way the captions display.
    Here is a gallery from an event at my campus last week:
    http://www.alasu.edu/video/forensics/gallery.swf
    In order to get the captions to display, you have to click the "?" icon on the bottom right. It's the same way with all the galleries I have created, but I would like for the captions to show by default without having to click something.
    PLEASE HELP!

    BOILERPLATE TEXT:
    Note that this is boilerplate text.
    If you give complete and detailed information about your setup and the issue at hand,
    such as your platform (Mac or Win),
    exact versions of your OS, of Photoshop (not just "CS6", but something like CS6v.13.0.6) and of Bridge,
    your settings in Photoshop > Preference > Performance
    the type of file you were working on,
    machine specs, such as total installed RAM, scratch file HDs, total available HD space, video card specs, including total VRAM installed,
    what troubleshooting steps you have taken so far,
    what error message(s) you receive,
    if having issues opening raw files also the exact camera make and model that generated them,
    if you're having printing issues, indicate the exact make and model of your printer, paper size, image dimensions in pixels (so many pixels wide by so many pixels high). if going through a RIP, specify that too.
    etc.,
    someone may be able to help you (not necessarily this poster, who is not a Windows user).
    a screen shot of your settings or of the image could be very helpful too.
    Please read this FAQ for advice on how to ask your questions correctly for quicker and better answers:
    http://forums.adobe.com/thread/419981?tstart=0
    Thanks!

  • Having trouble with CSS Properties panel

    copying all from a button (example). Many properties such as gradient don't always seem to be shown in the properties and therefor not carried across to the external (DW) page?  What am I doing wrong? No problem modifying CSS but shouldn't it be there?
    In fact if I don't put in a border to the button only the dimensions seem to be there?

    The .tif file format isn't generally recommended for web use; it's intended more for print. Historically, some browsers haven't supported the format, if I recall correctly, though many of them may do so now. (Just checked Firefox and Safari, and both seem to display the format just fine.)
    It could be that Dreamweaver doesn't recognize the .tif format. (I'm a little lazy to test this theory at the moment, but it seems quite likely.) Here's one rather old thread on this topic: http://forums.adobe.com/thread/26977
    Incidentally, this is straying from the topic of your original post and would have been better posted as a new discussion.

  • Trouble with indexing web repository

    Hi All,
    We've recently upgraded to TREX version 7.10.34.00, and I'm trying to get one of our web repositories to index.
    I can get the web repository to index if I do not include any 'include' result resource filters in the crawler parameters, but it does not index if I do include one. I have had some success using an 'exclude' result resource filter, just not the 'include' one.
    The name of the web site that I'm indexing is http://site1.domain.com. When I do not include any result filters, a sampling of the crawler log file looks like this:
    INFO Jan 27, 2010 10:10:10 AM /mywebrepository/site1.domain.com http://site1.domain.com/  provided  text/html
    INFO Jan 27, 2010 10:10:10 AM /mywebrepository/site1.domain.com/files/index.htm http://site1.domain.com/files/index.htm  provided  text/html
    INFO Jan 27, 2010 10:10:10 AM /mywebrepository/site1.domain.com/files/folder1/tableofcontents.htm     
    http://site1.domain.com/files/folder1/tableofcontents.htm  provided  text/html
    When I go into TREX monitor, the queue has lots of documents that it indexes.
    This is what my result filter settings look like:
    Include Documents/Web-Pages: <checked>
    Include Folders: <checked>
    Include Links (Not Applicable For Web-Sites): <unchecked>
    Case Sensitive (Folders And Documents/Web-Pages): <unchecked>
    Item ID Mode (Documents/Web-Pages Only): include
    Item ID Patterns (csv): *.html, *.htm
    Mime Type Mode (Documents/Web-Pages Only): include
    Mime Type Patterns (csv):
    Minimum Content Size (Documents/Web-Pages Only): <blank>
    Maximum Content Size (Documents/Web-Pages Only): <blank>
    Maximum Age of Last Modification (Documents/Web-Pages Only): <blank>
    With the result filter in place in the crawler parameters, I click the button to index. The crawler log files are generated, but nothing shows up in the TREX monitor queue for the index. The Time Stamp doesn't change either. I have tried changing the parameters in the 'Item ID Patterns' field, but it still doesn't work.
    Is this a bug with this new version of TREX or am I not using this filter properly? This seemed to work when I was using TREX version 6.
    Thanks!
    -StephenS

    I was never able to resolve this problem but I have now retired the computer

  • Trouble with CSS div column

    Just got DW CS3 and having a good time learning the new
    features. About to pull my hair out regarding one issue though, and
    I have definitely hit the wall, I pretty sure I tried every option,
    but maybe I am missing something. Here is the page in question:
    http://www.grpg.org/NewDesign
    I cannot get the right and left hand columns to just stop
    where the main container stops, i.e. the white section, before the
    footer. As you can see on the right hand column, if I make the
    height 100%, it goes past the footer, and if I make it a fixed
    length, like on the left column, it does not extend all the way to
    the bottom...I need them both to stretch with the main container,
    i.e. the white part. I have tried all the positioning tags,
    relative, absolute, etc. and none of them seem to give me what I
    want. Please HELP!

    The best (i.e., non-javascript) method to make columns look
    to be the same
    height is to use a faux-column method. Google that....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "SnakEyez02" <[email protected]> wrote in
    message
    news:g6snvo$6c8$[email protected]..
    > Divs do not work like tables, so if you expand 2 divs
    down next to each
    > other
    > they will keep their respective heights unlike tables
    which expand. I
    > would
    > recommend taking a look at the source code of the
    following example and
    > read
    > over the tutorial that accompanies it:
    >
    >
    http://www.projectseven.com/tutorials/css/pvii_columns/col3fluid.htm
    > Example
    >
    http://www.projectseven.com/tutorials/css/pvii_columns/index.htm
    >
    > Project Seven also has some other good tutorials so I'll
    just give you
    > that
    > link for a later time:
    >
    >
    http://www.projectseven.com/tutorials/index.htm
    >
    >

  • Trouble with CSS background scaling

    Hi,
    Please take a look at the following page I am working on at
    the moment
    http://www.dpweddingphotography.co.uk/test.html
    I am trying to acheive the look of
    http://tomwickyphotography.com/index2.php?v=v1
    Is this possible in Dreamweaver using CSS/Java? When I reduce
    my browsers window and make it really narrow, up pops the white
    blank space at the bottom of the page which I am trying to avoid.
    You can see on the other site that when it gets to a certain point
    it stops scaling down. The same with it vertically also.
    Now I know this other site is done in flash but can it be
    done in dreamweaver and if so how please?
    Thanks
    Here's the code I am using for testing:

    Im not really sure I understand your question, but if you
    were to make this
    graphic (ContactSheet-001.jpg ) a background image and set it
    to repeat,
    would that not solve the issue?
    "bensmithhull" <[email protected]> wrote in
    message
    news:gmvntr$icj$[email protected]..
    > Hi,
    >
    > Please take a look at the following page I am working on
    at the moment
    >
    http://www.dpweddingphotography.co.uk/test.html
    >
    > I am trying to acheive the look of
    >
    http://tomwickyphotography.com/index2.php?v=v1
    >
    > Is this possible in Dreamweaver using CSS/Java? When I
    reduce my browsers
    > window and make it really narrow, up pops the white
    blank space at the
    > bottom
    > of the page which I am trying to avoid. You can see on
    the other site that
    > when
    > it gets to a certain point it stops scaling down. The
    same with it
    > vertically
    > also.
    >
    > Now I know this other site is done in flash but can it
    be done in
    > dreamweaver
    > and if so how please?
    >
    > Thanks
    >
    > Here's the code I am using for testing:
    >
    >
    >
    > <html>
    > <head>
    > <title>BG</title>
    > <style type="text/css">
    > body {
    > /* for IE; otherwise, BG isn't fully stretched */
    > margin: 0px;
    > }
    >
    > #bg {
    > position: fixed;
    > margin: 0px;
    > border: 0px;
    > padding: 0px;
    > left: 0px;
    > top: 0px;
    > width: 100%;
    > height: 100%;
    > overflow: hidden;
    > z-index: 0;
    > }
    >
    > #bg img {
    > width: 100%;
    > }
    >
    >
    > #body {
    > position: absolute;
    > left: 0%;
    > top: 0%;
    > width: 100%;
    > height:100%;
    > padding: 0;
    > z-index: 10;
    > }
    >
    > li {
    > margin-bottom: 2em;
    > }
    > </style>
    > <!--[if IE]>
    > <style type="text/css">
    > body {
    > margin: 0px;
    > overflow: hidden;
    > }
    >
    > #body {
    > padding: 1em;
    > width: 100%;
    > height:100%;
    > overflow: auto;
    > }
    > </style>
    > <![endif]-->
    > </head>
    >
    > <body>
    > <!-- img must be encased in div to keep proper image
    aspect ratio -->
    > <div id="bg"><img
    src="images/ContactSheet-001.jpg"></div>
    >
    > <div id="body">Put the page's content
    here.</div>
    > </body>
    > </html>
    >

  • Trouble with css borders- won't show in browser

    When I link my external style sheet, my borders work when I preview them in ie, but when I put my site (including the external style sheet) I cannot see the borders. My borders are around tables and inside tables and around images. In some docs, the css border will show if I attach it to the doc, but if I make the css an external style sheet, it won't work. Any suggestions?
    Thank You!

    BossDJ is just asking for a link to your page.  Do you have it uploaded anywhere?  Even if it's not a good looking page, it might be the easiest way for you to get help.
    From what you say, I would guess the problem might be the way you are linking to your external style sheet.
    Try looking in the head of your document and copy the code for that into the forum post.
    <link href="../css/contact.css" rel="stylesheet" type="text/css" media="all" />
    That's an example of a link to a style sheet in one of my pages.  It's the red part that might be going wrong for you.
    Martin

  • Online Video Viewing Trouble with Snow Leopard

    I have a MacBook1,1 that I recently updated from 10.5.8 to 10.6.8. When I open Firefox or Safari, go to TouTube, and click a video, all that is left where the video should be is a black rectangle. I have only tried this with YouTube. Thank You:)

    Some Youtube videos require a newer version of Flash than you might have installed.    http://www.adobe.com/ is where you update your Flash plugin.

  • Trouble with tablet web access

    I have a Acer Iconia B1 tablet, I use Comcast Xfinity and have WiFi but can not get the tablet on line ??
     it shows the WiFi signal is strong but can not connect ??
    any ideas ?
    Thanks
    Beachben

    I have a Acer Iconia B1 tablet, I use Comcast Xfinity and have WiFi but can not get the tablet on line ??
     it shows the WiFi signal is strong but can not connect ??
    any ideas ?
    Thanks
    Beachben

Maybe you are looking for

  • How would I go about formatting my hard drive if my macbook is no longer working? Will I be able to do it on an older macbook?

    My macbook became gradually increasingly unresponsive a few days ago, and at the moment, when I try to start up I get to type in the password, but nothing further happens. I took it today to a laptop repair shop. He said the hard drive seems OK, but

  • How to install adobe contribute 6.5

    I purchased Adobe Contribute 6.5 on a different computer but need it download to this computer I am currently on. How do I download it to this computer?

  • How to deploy a webservice in a server

    Hi Team, Hi have created small webserver application using powerbuilder 12.5.1 (PB.net).I have deployed the application in my local IIS server.Its working finr.Now i want to deploy the same application in a server, so that it will be available for ex

  • Error on the error log of the apache

    Hi, my site configuration is an oracle application server is installed on a dell server power edge 2800 type of installation is forms and reports . i am not using all the services i am using only report services and java service. i am deploying on th

  • On Page Slider of Embedded Videos

    I wanted to make a single page that stayed the same but in the middle had a video embedded but I wanted to add left and right arrows to slide between embedded videos on that page. This would allow my homepage to have all the videos cleanly accessible