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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    More relative layout

    Hi people,

    Firstly I'd like to say welcome, my first post, hopefully not my last.
    I took time to read as much of the FAQ and stuff as possible, but being a very new HTML css guy, I find alot of it may have gone over my head!

    Anyway I shall try to explain my issue.

    www.wakelin.eu
    *uploads*

    Okay theres my first attempt at the site, Every div was given a random colour border so i could figure out what i was screwing up as I went along ^^ and the colour schemes bleak at best

    I've you've managed to find the CSS you'll see I use alot of position:absolutes; unfortunatly the machine I use has a rather Hi-res monitor (1280 x 1024) so I'm sure the site looks awful for people with a lower res at the moment....

    Is there anyway I can change some of the positioning on maybe the "Menu /navigation" div, so its always floating about 50px's from the right of the "content" div ?

    I can upload more screen shots of details if needed
    *I have at least mastered image shack ^^*

    Thanks in advance for any advice / flames i receive, and nice meeting you all

    Mouse

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,627
    Thanks
    6
    Thanked 1,001 Times in 974 Posts
    That’s a very simple 2 column layout and no direct positioning is needed at all for this. Only the rounded corners may require some more consideration.
    Look at and learn from Bon Rouge’s tutorials.

  • #3
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ah thanks for the link I will look into it.

    The layout listed on the link though gives me two columns in a direct line (they are basically thouching). Is there an easy way to put some distance between them ?
    I was tempted to abuse the margin and padding commands but they will still have background, and im tempted to keep the rounded corners aspec

    Thanks for all the help though, link was very handy!

  • #4
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Small update - I think i've cracked it!

    The website link you provided gave me an idea on how to handle it, I just used a positioned Wrap and then floated the content as needed in there, as long as you state the box sizes it all seems to float reasonably well at any Res.


    Will upload in a second for viewing dis-approval

    Mouse


  •  

    Posting Permissions

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