KnotGoblin
Technical User
I've been, let's say, challenged to consider a new paradigm in webpage layout. So I'm trying to create a table without a table element. I'm just trying to get the feel of dealing wil flow and placement.
So part of my question is: How do i create the float affect while keeping the div's contained in the the outer div while maitaining the ability to have dynamic amounts of content?
How do I put more that one div on a line?
Here's what i've got so far:
Where do i go know?
Sorry for the super noob post.
-Jer
So part of my question is: How do i create the float affect while keeping the div's contained in the the outer div while maitaining the ability to have dynamic amounts of content?
How do I put more that one div on a line?
Here's what i've got so far:
Where do i go know?
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html>
<head>
<style>
#container
{
border: solid 1px #996699;
width: 500px;
min-height: 200px;
}
#header
{
background-color: #0000bb;
width: 500px;
height: 75px;
}
#menu
{
background-color: #669966;
height: 200px;
width: 100px;
}
#contents
{
background-color: #bb0000;
height: 500px;
width: 400px;
}
#footer
{
background-color: #00bb00;
width: 500px;
height: 50px;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="menu">
</div>
<div id="contents">
</div>
<div id="footer"
</div>
</body>
</html>Sorry for the super noob post.
-Jer