Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New to the CF scene
    Join Date
    May 2008
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS positioning help

    hey again,
    now, i need help positioning my navigatins, content box, and banner.
    so it's like:

    banner
    navigation
    content box
    navigation

    disclaimer

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Banned
    Join Date
    May 2008
    Posts
    105
    Thanks
    9
    Thanked 0 Times in 0 Posts
    Positioning with css is easy.

    Code:
    <style>
    .(whatever your class is) {position:absolute; top:50&#37;; left:50%;}
    </style>
    So you change the thing i have put in red, so then you can position it.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by 9homie View Post
    Positioning with css is easy.

    Code:
    <style>
    .(whatever your class is) {position:absolute; top:50%; left:50%;}
    </style>
    So you change the thing i have put in red, so then you can position it.
    It's truly a bad idea to start with absolute positions without checking the other alternatives, as it may end up in a complete mess.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    Banned
    Join Date
    May 2008
    Posts
    105
    Thanks
    9
    Thanked 0 Times in 0 Posts
    Well it is how i do it, because normally it works, unless you have a background image.
    So if you have a background image it would probably to do relative, but you can do both...

  • #6
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    You really should explore all forms of positioning instead of automatically going for absolute. Absolute positioning is a very, very useful thing to have, but most people simply don't get it and complain when you have to stack one or more things on top of each other (for example, a footer). But you also have basic static positioning using margins, floats...

  • #7
    New to the CF scene
    Join Date
    May 2008
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I haven't got any good help from anyone.. any better links/tips pls

  • #8
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    263
    Thanks
    3
    Thanked 12 Times in 12 Posts
    yeah absolutely.. a definitely no no to use absolute positioning in a page unless there's no other options.. absolute positioning can pretty much destroy the whole layout... specially if you're content is dynamic.. for me.. try to use floats or relative ones..
    Last edited by jhaycutexp; 05-18-2008 at 09:43 PM.

  • #9
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by MetiDesigns View Post
    I haven't got any good help from anyone.. any better links/tips pls
    That might be due to your poor explanation. And what's wrong with the layout link posted above?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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