How do you make another box on the left side?

P

php4life

Reputable
Joined
Apr 6, 2011
Messages
106
Reaction score
0
FP$
6
How do I make a box on the left side of the main one lined up with the main one?

I can never get it to be right beside it on the left hand side. Fucking IE...

http://www.webaskius.zxq.net

Code: 
body{
text-align:center;
background-image:url('images/background-repeat-horizontal.png');
background-repeat:repeat-x;
background-color:#DFEBFF;
}

#container{
margin: 0 auto;
padding: 0;
width:1500px;
}

#infobox{
width:850px;
background-color:white;
margin:4px;
margin: 0 auto;
border:4px solid #888888;
}

#sidebox{
float:left;
width:300px;
margin:4px;
border:4px solid #888888;
background-color:white;
}

#stitle{
background-image:url('images/box-top-repeat.png');
font-weight:bold;
color:white;
}

#innerbox{
width:840px;
margin:7px;
text-align:left;
}

#post{
margin:3px;
}

#post submit{
width:141px;
height:29px;
background-image:url('images/ask.png');
background-repeat:no-repeat;
}

#lrinfo{
margin:4px;
padding:3px;
border:2px solid black;
border-top-style:none;
border-right-style:none;
border-left-style:none;
}

#navbar{
background-image:url('images/box-top-repeat.png');
font-weight:bold;
color:white;
width:844px;
padding:3px;
}

#navbar ul{
list-style-type:none;
margin:0px;
padding:0px;
}

#navbar li{
display:inline;
}

#navbar a:link,#navbar a:visited,#navbar a:active{
color:black;
font-weight:bold;
text-decoration:none;
}

#navbar a:hover{
color:white;
}

a:link, a:visited, a:active{
color:blue;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:red;
font-weight:bold;
text-decoration:none;
}

#success{
width:739px;
text-align:center;
border:2px solid #006400;
background-color:#32CD32;
font-weight:bold;
}

#announcement{
text-align:center;
border:2px solid #C11B17;
background-color:#F75D59;
font-weight:bold;
width:739px;
margin: 4 auto;
}
 
I could help, but I can't understand your problem, which box? There is no need to copy the full css code, it makes it harder for us to help.

And watch your language.
 
I'm not sure which box you're referring too, but...

Code: 
<span class="boxleft">content</span><span class="boxright">content</span>


(the css)

.boxleft {
float: left;
}

.boxright {
float: right;
}


That should work.


Here a better example.

Code: 
<html>
<head>
<style>
html, body {
background: #dee5ed;
padding: 0;
margin: 0;
}

#wrap {
border: 0;
margin: 0px auto;
width: 80%;
margin-top: 10%;
padding: 20px;
padding-bottom: 40px;
}

.boxleft {
float: left;
border: 1px solid #a2b4cc;
width: 49%;
background: #ffffff;
}

.boxright {
float: right;
border: 1px solid #a2b4cc;
width: 49%;
background: #ffffff;
}

.text1 {
padding: 10px;
color: #5479aa;
}

</style>
</head>
<body>
<div id="wrap">
<span class="boxleft"><div class="text1">content</div></span><span class="boxright"><div class="text1">content</div></span>
</div>
</body>
</html>

Live Site: http://pastehtml.com/view/bn9ram4oi.html
 
Connor L said:
php4life said:
Thank you connor!
Click to expand...

No problem, if you ever need any other help, just shoot me a PM 😀
Click to expand...

Thanks for the help man. I've been trying to get my new project off the ground hand I've stopped all updates just to work on a theme due to a lot of negative feedback. I'm HORRIBLE at designing/css... :/

But I did manage to get a new theme out. Is it ok if I send you questions in the future regarding CSS?
 
php4life said:
Connor L said:
php4life said:
Thank you connor!
Click to expand...

No problem, if you ever need any other help, just shoot me a PM 😀
Click to expand...

Thanks for the help man. I've been trying to get my new project off the ground hand I've stopped all updates just to work on a theme due to a lot of negative feedback. I'm HORRIBLE at designing/css... :/

But I did manage to get a new theme out. Is it ok if I send you questions in the future regarding CSS?
Click to expand...

Sure, go right ahead 😛
 
You must log in or register to reply here.

About Us

Since 2007, Forum Promotion has specialized in providing advertising solutions to webmasters looking to promote their communities. We pride ourselves in being the bridge that connects forum administrators, bloggers, and more.

Sponsors

Affiliates

    Universal Gaming The Coffee House

Stay Connected

Back
Top Bottom