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

Thread: CSS Layout

  1. #1
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS Layout

    Hi,
    I need to build a frame for my website, but I can't manage to do it "tableless".
    Here is what I want to do.

    My website needs to be 100% width. The header is 100% width.
    Then I have 3 columns. the middle one is exactly 780px (no more no less) and each column on the side vary in width depending on the viewers browser.


    Is it possible to do that in tableless???

    thanks a lot for any help!

  • #2
    Regular Coder
    Join Date
    Sep 2007
    Location
    Raleigh, NC
    Posts
    273
    Thanks
    7
    Thanked 59 Times in 52 Posts
    There aren't great ways to achieve such a layout in CSS unfortunately, but I'd argue why are you trying to do this in the first place? Fixing a center column of 780px and then flanking it with two columns and chrome is a pretty big viewport for most website designs.

    If legibility is a concern (not wanting content line-widths getting out of hand) I'd suggest just imposing a max width. When you start mixing floated elements and firm widths you can run into some problems, especially if you're setting overly large ones.

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,777
    Thanks
    6
    Thanked 1,021 Times in 994 Posts
    Could you show us a graphical mock up of your layout? I almost suspect you aren’t actually longing for three columns but one centered column with a left and right border? I could suspect wrong, though.

  • #4
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yes, VIPStephan, you are correct.
    In fact, it's one big column, the left and right border are only "margin" but I want to be able to add some ads in it....


  •  

    Posting Permissions

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