Announcement

**Excavator** · Apr 9, 2009, 02:43 PM

Hello Lucas0123,
To put elements side by side like that you would float them.
Have a look at this -

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
	font: 14px "Comic Sans MS";
	background: #FC6;
	text-align: center;
}
* {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}
#container {
	width: 1000px;
	margin: 30px auto;
	padding: 4px;
	background: #fff;
	overflow: auto;
}
#box1, #box2 {
	height: 500px;
}
#box1 {
	width: 796px;
	float: left;
	background: #999;
}
#box2 {
	margin: 0 0 0 800px;
	background: #ccc;
}
</style>
</head>
<body>
    <div id="container">
    	<div id="box1">
        <!--end box1--></div>
        	<div id="box2">
            <!--end box2--></div>
    <!--end container--></div>
</body>
</html>

In this example,

#container background is white and we've added a 4px padding to serve as a border (could use border: 4px solid #fff; instead)
#box1 is floated left
#box2 is margin over far enough to allow for #box1 and the white space

You just have to adjust the widths of the boxes to fit right. See box model to calculate widths.

**Lucas0123** · Apr 9, 2009, 04:04 PM

Okie Thanks thats helped but its still not right its moved over but wont go up into postition.

Its like this now

would be thankful if u could help.

**BoldUlysses** · Apr 9, 2009, 04:27 PM

What browser are you using? Do note that you should never use Internet Explorer (especially 6 or 7) as your primary testing browser. Use Safari, Firefox or Chrome instead.

That said, Excavator's code checks out in IE6 (which it where I suspected your problem was).

Post your code (in [CODE][/CODE] tags) and we'll help you sort it out.

**Excavator** · Apr 9, 2009, 05:57 PM

Originally posted by msuffern View Post

That said, Excavator's code checks out in IE6 (which it where I suspected your problem was).

Thanks msuffern, I never check in IE6 unless someone is specifically having a problem with it. My way of ignoring that browser.

Announcement

Divs Help [Simple?]

Divs Help [Simple?]

Comment

Comment

Comment

Comment