Side-by-side boxes?

friday · 30-10-2008, 12:27 PM

What do you mean?

Decode · 30-10-2008, 02:29 PM

Originally Posted by BOX!

All the boxes are big enough, including the main container that holds them both, when I put float

eft; on both boxes the red still stays under the green one.

Post a screenshot or the HTML code.

Excellent2 · 30-10-2008, 02:35 PM

Lol your main container is 900 px and the rest of your containers are over 1000 so it's bound to move under isn't it..

Glasses · 30-10-2008, 03:29 PM

Try this:

HTML Code:

<html>
<head>

<title>Your Title</title>

<style type="text/css">

#container {
 width: 900px;
 margin: auto;
 overflow: hidden;
}

.box {
 width: 448px;
 background: #FFFFFF;
 border: 1px solid #D9D9D9;
 float: left;
 overflow: hidden;
}

</style>

</head>
<body>

<div id="container">

 <!-- Left -->
 <div class="box">
 Blah Blah Blah
 </div>
 <!-- /Left -->

 <!-- Right -->
 <div class="box">
 Blah Blah Blah
 </div>
 <!-- /Right -->

</div>

</body>
</html>

I think that's what you mean.

Meti · 30-10-2008, 08:34 PM

Originally Posted by HabbDance

Floats are not as effective or precise as what I recommended.

This is because you never use wrappers. Try them

wsg14 · 30-10-2008, 08:55 PM

Originally Posted by Excellent2

Lol your main container is 900 px and the rest of your containers are over 1000 so it's bound to move under isn't it..

No they're not, one box is 519px wide the other is 217px.

Excellent2 · 30-10-2008, 09:18 PM

But you're using containers in a container and you've set the MAIN container to 900 px?

wsg14 · 30-10-2008, 09:20 PM

Don't worry about it anymore, I forgot the "." before the class name, just a mistake.

Thread: Side-by-side boxes?

Thread Tools

Posting Permissions