Professional Web Applications Themes

CSS-P strange positioning - Macromedia Dreamweaver

I'm getting a headache. I'm trying different css-p layouts and running into weird stuff every time. On this page: http://williamlatimer.com/cssindex.htm As soon as I added the links, strange things began to happen. In IE (windows), once you mouse over a link, the content div get's chopped off. In NN (windows) the sidebar (contains the links) gets pushed under the content. Remove the links and everything is fine. Thanks for any help in advance....

Sponsored Links
  1. #1

    Default CSS-P strange positioning

    I'm getting a headache. I'm trying different css-p layouts and running into weird stuff every time.

    On this page: http://williamlatimer.com/cssindex.htm

    As soon as I added the links, strange things began to happen. In IE (windows), once you mouse over a link, the content div get's chopped off. In NN (windows) the sidebar (contains the links) gets pushed under the content. Remove the links and everything is fine.

    Thanks for any help in advance.


    Sponsored Links
    shelton Guest

  2. #2

    Default Re: CSS-P strange positioning

    It's because the sidebar contents are "shorter" than the wrapper. This is a
    flavor of the guillotine bug. My solution is simply to use an empty spacer
    div:

    <div id="sidebar">

    <p><strong>Links</strong></p>
    <p><a href="#">Test Link 1</a></p>
    <p><a href="#">Test Link 2</a></p>
    <p><a href="#">Test Link 3</a></p>
    <p><a href="#">Test Link 4</a></p>
    <p>adlfsl asdlfksdfjs as;ldkf sadfsdlfkjsdlfkjsdflksjdflsdkfjsdl;fkjsdlkfj
    sadflskdfjsd;lkfjsd;lfkjsflkj
    as;ldkfsdflksjf</p>
    <p>sdfslkfjskl</p>
    <p>sadfsdfksdf sklfsklfjsl;kjsdl;fkjsdfkjsdf sakfjskdfjksdlf;alkdfja;a
    akdfjkas;dkjfksdjkjdfkjsadfsa;lkj
    adfslkfsdlfkjs asdklfjskdfj asdkfjskdjfkds sdlfkjsd;flsjf;lsdkj</p>
    <p>sdf;lsadf;lkj</p>

    </div>

    <div id="spacerd">&nbsp;</div>


    ....with this rule:
    #spacer{padding: 0 0 200px;}

    adjust the bottom padding until it's right for you.

    We can call it the Shelton Guillotine Hack :-)

    --
    Al Sparber - PVII
    http://www.projectseven.com
    Dreamweaver Extensions - DesignPacks - Tutorials - Books
    ---------------------------------------------------------------------
    The PVII Newsgroup | news://forums.projectseven.com/pviiwebdev
    The CSS Newsgroup | news://forums.projectseven.com/css
    ---------------------------------------------------------------------



    "shelton" <com> wrote in message
    news:bgp63g$i4d$macromedia.com... 
    into weird stuff every time. 
    (windows), once you mouse over a link, the content div get's chopped off.
    In NN (windows) the sidebar (contains the links) gets pushed under the
    content. Remove the links and everything is fine. 


    Al Guest

  3. #3

    Default Re: CSS-P strange positioning

    Thanks Al! Another one of those weird div things.

    I'm trying to figure out a couple of solid css-p layouts that are reliable. I know you have a couple out there and some others do as well, but if I just copy and paste then I won't know why what works and what does not. Your work has been a huge help. Thanks for teaching.

    What would you do when you come across content that would require multiple rows and columns, as a table. Let's say we're talking 8 columns and 20 rows. Would you attempt floating? Seems like it would be very tricky.


    shelton Guest

  4. #4

    Default Re: CSS-P strange positioning

    Well, it fixed the problem for IE but not NN.


    shelton Guest

Similar Threads

  1. positioning images with css
    By giuseppe craparotta in forum Macromedia Dynamic HTML
    Replies: 7
    Last Post: September 3rd, 06:56 PM
  2. positioning
    By evropa in forum Macromedia Dynamic HTML
    Replies: 11
    Last Post: October 25th, 05:36 AM
  3. CSS Div Positioning
    By mommatc in forum Macromedia Dynamic HTML
    Replies: 3
    Last Post: September 30th, 06:10 PM

Bookmarks

Posting Permissions

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139