Grow your CSS skills. Land your dream job.

How should i do it?

  • # May 30, 2008 at 4:04 pm

    Hello. I got 1 problem. And i hope u will help me :). I need to css this web site, and i think i should do it using the floats. I tryed to did it once, everything was ok, but the website was fixed size, so its bad for me, becouse i wanna use CMS. I need to repeat content image y. Look at this mock up and if you know how to css this with floats plz help me. Thanks ;)

    [img]http://img144.imageshack.us/img144/8457/whatineedok0.th.jpg[/img]

    # May 30, 2008 at 6:28 pm

    It sounds like you want a liquid design (expandable), which I think you’ve indicated by using term "fixed". This appears to be a 3 column, header, footer, liquid design. You could use percentages for widths left-sidebar float left, right-sidebar float right, and main content area.

    If you’re not sure how to write the code, there’re some good examples at http://blog.html.it/layoutgala/

    # May 31, 2008 at 8:37 pm

    Yeah that link Laith posted looks like is has an example that might work for you:
    http://blog.html.it/layoutgala/LayoutGala14.html

    It’s really going to depend on what you want your main content area and sidebars to do though. Are they all of flexible width? Are the sidebars flexible and the main content area fixed? Are the sidebars fixed and the main content area flexible? No matter the case, you should be able to achieve it, and probably through fairly simple alterations to the template above.

    # June 1, 2008 at 8:58 am

    Chirs, you asked so much questions, so I decided to make a mock-up web page and host it on the web, so you can see it "alife" now. I uploaded Html/css codes and maked the another jpeg mockup to show what i really want to do :). I hope everyone can understand what I want to do, and if you know how – help me :).
    So here is the test website adress: http://www.test.klausyk.net (I’ve hosted on my own domain adress)
    As I said there is the code examples, so i think you can undersant what i want to do:), so check it out and if you know where is the problem, help me plz ;)

    P.S the header stuff is okey, but the footer stuff is not :P

    P.S.S The content should reapeat-y (the #left-btm and the #right-btm should follow the content and repeat-y as the content is reapeating)

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".