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 6 of 6
  1. #1
    Registered User
    Join Date
    Aug 2005
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation CSS: 1 simple question for the CSS master!

    OK, I built a page:
    http://www.bleacheatingfreaks.com/gant/misc/FSB

    GO ME! I'm learning CSS! Waiiiiiit one second. Why the hell does it have horizontal scrollbars?

    I have failed I cannot figure it out.

    HELP ME!

  • #2
    Senior Coder JamieR's Avatar
    Join Date
    Oct 2004
    Location
    United Kingdom
    Posts
    3,161
    Thanks
    0
    Thanked 5 Times in 5 Posts
    Why are you absolutley positioning everything?

  • #3
    Registered User
    Join Date
    Aug 2005
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts
    because I don't know anybetter. Could you explain why I shouldn't?

    I look at the slices. I say, I want this in the top left corner, and then I put it there. Makes sense when I make it. Suggestions?

  • #4
    Registered User
    Join Date
    Aug 2005
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts
    anyone know why I shouldn't? Especially when working with slices?

  • #5
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sure, I know why
    Absolutely positioned layouts are unforgiving and do not adapt well to different resolutions, font sizes or differing content length (eg: a pos:abs; footer won't clear the page's columns.)

    Absolute positioning takes the element out of the page flow -- not really what you want for the entire layout.

    Google: 'CSS float layout' and 'page flow CSS'

    I take no responsibility for the above nonsense.


    Left Justified

  • #6
    Registered User
    Join Date
    Aug 2005
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OK, it's been reconstructed using float. I think it's a lot cleaner and easier now

    Thanx!

    I now have 2 questions though:
    1) How can I get the title image to be centered?
    - it has to float:left or else the upperRight image drops to the next line.

    2) View in firefox. You'll notice the bottom disappears. To fix this I can put background-position: bottom; in my footer, and then everything ALMOST works. But if I do that solution I just stated, IE will be 1 pixel off on the footer.
    - Since IE is the majority of browsers, I'm going to leave it like this until it's figured out.

    Link is same as before:
    http://www.bleacheatingfreaks.com/gant/misc/FSB/


  •  

    Posting Permissions

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