Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Position alignment problems

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #36025
    damyo
    Member

    ┌──────────────┐
    │*****float:left;  width:300px;*****│
    │*┌───────────┐*│
    │*│*************************│*│
    │*│*************************│*│
    │*│*************************│*│
    │*│*************************│*│
    │*│*************************│*│
    │*│*************************│*│
    │*│*************************│*│
    │*│*************************│*│
    │*│*************************│*│
    │*│*************************│*│
    │*└───────────┘*│
    │********************************│
    │********************************│
    │********************************│
    │*┌───────────┐*│
    │*│****position:absolute;****│*│
    │*│********bottom:0;********│*│
    │*└───────────┘*│
    └──────────────┘

    ↓↓↓↓↓↓If browser smaller↓↓↓↓↓↓
    ┌──────────────┐
    │*****float:left;  width:300px;*****│
    │*┌───────────┐*│
    │*│*************************│*│
    │*│*************************│*│
    │*│*************************│*│
    │*│*************************│*│
    │*│*************************│*│
    │*│*************************│*│
    │*│*************************│*│
    │*┌───────────┐*│
    │*│****position:absolute;****│*│
    │*│********bottom:0;********│*│
    │*└───────────┘*│
    └──────────────┘

    Hi, I’m experiencing problems should seek help.
    I’m making a site that is on the left navigation.
    At the top of the menu and the logo is at the bottom.
    But browsers have problems if they were smaller.
    Part of menu obscures part of the logo.
    It is not always like what I want.
    Browser will ever smaller portion of the logo and menu parts do not want them to overlap.
    Instead, I want to so when scrolling.

    You noticed, my native language is not English.
    Now this article is written with Google translator.
    Please note this point.
    Thank you for reading.

    #94307
    TheDoc
    Member

    Do you have a link? Can you show us your code?

    #94312
    damyo
    Member

    Yes, this url!
    http://damyo.co.kr/test.html
    I need your advice.

    #94314

    That is a tricky one, because you are using absolute positioning.

    Would this solution be suitable? http://jsfiddle.net/sl1dr/FhmPJ/

    #94315
    damyo
    Member

    Thanks, joshuanhibbert.
    But, your example is logo area hides menu area.
    I want to they do not invade the each area.

    #94316

    Hmm, then this is the only other thing I can think of: http://jsfiddle.net/sl1dr/FhmPJ/1/

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.