View Full Version : Need help with 3 column form
greendog
09-12-2007, 08:22 PM
I'm kinda new to CSS and I need to create a nice 3 column form with at least 3 rows. Can anyone please help? this kind of info is hard for me to find.
boogyman
09-12-2007, 09:20 PM
<style type="text/css">
form {
width: 100%;
}
form div#left {
float: left;
width: 25%;
}
form div#right {
float: right;
width: 25%;
}
form div#content {
margin-left: 28%;
margin-right: 28%;
}
div#beneath {
clear: both;
}
</style>
<form id="3column">
<div id="left">
<p>left content</p>
<p>left content</p>
<p>left content</p>
<p>left content</p>
<p>left content</p>
<p>left content</p>
<p>left content</p>
<p>left content</p>
<p>left content</p>
<p>left content</p>
<p>left content</p>
<p>left content</p>
</div>
<div id="right">
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
<p>right content</p>
</div>
<div id="content">
<p>main content</p>
<p>main content</p>
<p>main content</p>
<p>main content</p>
<p>main content</p>
<p>main content</p>
<p>main content</p>
<p>main content</p>
<p>main content</p>
<p>main content</p>
<p>main content</p>
<p>main content</p>
</div>
</form>
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.