tidyui's Profile User Rating: -----

Reputation: 1 Apprentice
Group:
Contributors
Active Posts:
7 (0.01 per day)
Joined:
13-May 11
Profile Views:
907
Last Active:
User is offline Oct 02 2012 04:57 AM
Currently:
Offline

Previous Fields

Country:
SE
OS Preference:
Windows
Favorite Browser:
FireFox
Favorite Processor:
Who Cares
Favorite Gaming Platform:
Who Cares
Your Car:
Toyota
Dream Kudos:
100
Icon   tidyui has not set their status

Posts I've Made

  1. In Topic: How to create a layout with a fixed and fluid column?

    Posted 21 Jun 2011

    Hi again, the difference in your code, from my example is that you have your entire grid fluid. Both your "leftcontainer" and your "content" have a width in percentage and are floating. In this case you shouldn't use the margin-trick i supplied. My solution only applies if you want one fixed and one fluid column. To make both columns work with your solution, consider the following values:

    #sidecontainer {
        margin-left:2%;
        float:left;
        width:12%;
    }
    
    #content {
        width:84%;
        height:100%;
        float: right;
    }
    
    


    The width of 84% is 100% - 12% (leftcol width) - 2% (leftcol margin) - 2% (margin between leftcol & rightcol).

    You should also know that your statement "height:100%" has absolutely no effect on the divs.

    Regarding fluid images and fluid background images there's a great article on it at "A list apart" at:

    http://www.alistapar...s/fluid-images/

My Information

Member Title:
New D.I.C Head
Age:
36 years old
Birthday:
May 26, 1977
Gender:
Location:
Västerås, Sweden
Full Name:
Håkan Edling
Years Programming:
21
Programming Languages:
C, C++, C#, Java, SML

Contact Information

E-mail:
Click here to e-mail me
LinkedIn:
http://se.linkedin.com/in/hakanedling
Twitter:
http://www.twitter.com/tidyui

Comments

tidyui has no profile comments yet. Why not say hello?