Results 1 to 2 of 2

Thread: Help with div layers?

  1. #1
    Join Date
    Mar 2009
    Location
    Cambridge, MA
    Posts
    5

    Help with div layers?

    http://www.imbriquedesigns.com/weeklyaffair/
    I want the div layer with the Copyright, etc. information to span the complete width of the column, and to be under the other three divs. Like a table with three cells on top and one large one on bottom. How to do this?

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    I found that it was completely different in IE7 and Firefox; in Firefox the Search, calendar and listing were up on the right side but copyright was also squeezed up on the right under them while in IE7 the Search, calendar and listing boxes were down at the bottom on the right below Welcome to a Weekly Affair while the copyright was full width below, so I have changed both so that the Search, calendar and listing boxes are up on the right and the copyright is full width underneath.

    Add this to the style.css file:-

    .clear { clear: both; width: 100%; height: 0; visibility: hidden; }

    and edit the html file:-

    .....................properly rawr?!</p>
    </div><br/>

    </div>

    <!--</div> moved down below #contentright-->

    <div id="contentright">
    <div class="side">Search the site</div>
    <div class="side">[calendar of events]</div>
    <div class="side">[listing of events]</div>
    </div>

    </div><!--added here from above-->
    <div class="clear">&nbsp;</div> <!--clear div added-->

    <div id="contentbottom">
    Copyright &copy; 2009 A Weekly Affair | <a
    href="http://imbriquedesigns.com">Imbrique Designs</a> | powered by <a
    href="http://wordpress.org">Wordpress</a> | <a
    href="http://imbriquedesigns.com/weeklyaffair/wp-admin">Site Admin</a>
    </div>

    <div id="footnav">.............................

    The clear div is an invisible barrier that stops the copyright from moving up on the right.
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Similar Threads

  1. Co***icting div layers and menu ... (w/Firefox)
    By deltatango5 in forum Web Design, HTML Reference and CSS
    Replies: 0
    Last Post: 04 Jan 2006, 10:18 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •