Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

CSS & HTML: Position: Absolute problems

Bottom of Page

1 to 9 of 9

  1.  
    • CommentAuthorilsott
    • CommentTimeJan 18th 2006 edited
     permalink
    I have some absolute problems, and they've creeped up a few times, and i'm always having to find ingenious but bad solutions everytime. I'd like something that fixed it once and for all.

    http://infoshop.nfshost.com/portal.html

    If you look up in the top left corner, hover on Directory and you will see that the resulting [suckerfish] dropdown goes under the left column images. The left column and the right column are position: absolute, as per the [bluerobot.com] three column spread.

    Obviously the two solutions don't work well together.

    Thanks for the help.

    ilsott
    •  
      CommentAuthormringlein
    • CommentTimeJan 18th 2006
     permalink
    I know you want a suggestion to fixing your issue.

    However, I believe the better way to code the site would be to float the columns as opposed to using absolute positioning (this would solve your issue). Much debate over this -- but, I try and use absolutle positioning as little as possible (usually only when attempting something special for the design).
    • CommentAuthorilsott
    • CommentTimeJan 18th 2006
     permalink
    but if I use float, won't I get that snap-effect when the page becomes too small?
    The advantage of this one is that they expand/contract with the page and never flip under.

    thanks.
    •  
      CommentAuthormringlein
    • CommentTimeJan 18th 2006
     permalink
    What do you mean "snap effect"? Right now, when your page gets smaller, the columns overlap making it impossible to read anything. Also, The white background of your main content area isnt going the full length of both colums (when the site is expanded) -- this is making the right and left column hard to read on that peach body background.

    You use a floated layout and have the content area go 100% width if that is what you are asking about.
    • CommentAuthorilsott
    • CommentTimeJan 18th 2006
     permalink
    by snap-effect, I mean when a right column clears a left column as the window is minimized.

    Anyway, this should be better, I swiched out of absolute positioned:
    http://infoshop.nfshost.com/portal.html

    Except for Mozilla putting a big white box in the top middle section.
    hmmm.
    • CommentAuthorilsott
    • CommentTimeJan 18th 2006
     permalink
    thanks again.
  7.  permalink
    Wow, embedded lists with divs + empty list items FTW!

    I'll help fix it up at home (I'm at school).
    • CommentAuthorilsott
    • CommentTimeJan 19th 2006
     permalink
    They're not empty in my browsers. What are you using?
    • CommentAuthorilsott
    • CommentTimeJan 19th 2006
     permalink
    just the first two should be drop downs.
    features, directory.

1 to 9 of 9

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page