Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.
-
this is my html. The result is:
1. Green header
2. 3 columns blue/yellow/red
3. green footer.
as you can see the yellow column is longer than blue and red. The problem is that I want to make all this 3 columns to have the same size. So if yellow has more text, the other 2 must to adjust to the size of yellow one.
here what I have:
<html>
<head>
<style type="text/css">
<!--
#wrapper {
margin: 0px auto;
width: 90%;
min-width: 700px;
border: 1px solid black;
}
#masthead {
padding: 0px;
background-color: green;
}
#navigation {
padding: 30px 0px 0px 0px;
float: left;
width: 25%;
min-width: 175px;
background-color: blue;
}
#leftcolumn {
float: left;
padding: 30px 0px 0px 0px;
width: 50%;
min-width: 350px;
background-color: yellow;
}
#rightcolumn {
float: left;
padding: 30px 0px 0px 0px;
width: 25%;
min-width: 175px;
background-color: red;
}
#footer {
padding: 10px;
clear: both;
background-color: green;
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="masthead">header is here</div>
<div id="navigation">test</div>
<div id="leftcolumn">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div>
<div id="rightcolumn">test</div>
<div id="footer">Footer is here</div>
</div>
</body>
</html> -
check out Skidoo Too: http://webhost.bridgew.edu/etribou/layouts/skidoo_too/
1 to 2 of 2