ty
ty
Hi You have tried to use
Hi
You have tried to use the margin:auto 0 on the body, which FF will understand but IE will not. See the solution I posted on this thread:
http://www.csscreator.com/node/21139
CT
Here you go, give this a
Here you go, give this a go:
Ridiculously Random Off Topic Website
body {
background: #c7c7c7 url(http://www.ridiculouslyrandom.com/bgbg.jpg) repeat-x;
margin: 0 auto;
width:850px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#container {
background: #fff url(http://www.ridiculouslyrandom.com/menubg.gif) repeat-y;
}
#leftcol {
float: left;
width: 100px;
}
ul#leftnav, ul#leftnav li {
margin: 0;
padding: 0;
list-style: none;
}
p#clock {
background: pink;
border-bottom: 1px solid #ccc;
}
h1 {
background: url(http://www.ridiculouslyrandom.com/logo.jpg) no-repeat;
text-indent: -9999em;
width: 500px;
height: 80px;
margin: 0;
float: left;
}
p#register {
float: left;
height: 80px;
background: #000;
}
.topheader {
background: #000;
height: 100px;
overflow: auto;
}
.box {width: 80%; border: 1px solid #ccc; background: #efefef; margin: 0.5em auto; text-align: left;}
.box h2, #footer h2 {margin: 0; background: #36c; color: #fff; padding: 0.6em; text-align: center;}
.halfbox {width: 40%; float: left;}
#content {padding: 1em 0; text-align: center; margin: 0 100px 0 105px;}
.clear {clear: both;}
.rightbox {background: #fff url(http://www.ridiculouslyrandom.com/rightbox.jpg) no-repeat; width: 150px; height: 146px; text-align: center; padding-top: 1em;}
#rightcol {background: pink; float: right;}
#footer {text-align: center; clear: both;}
h2 {font-size: 1.3em;}
Click Here to register now!
Username:
Password:
Current Statistics:
Total topics: 46
Total posts: 60
Total members: 53
Latest Update:
Our forum is online and working. Please register, join, and post to get the site going.
RidiculouslyRandom Welcome Box:
Welcome to RidiculouslyRandom.com; Your new source for interesting, funny, and random news, pictures, videos, articles, blogs, and much more. Our users can host their own blogs, register for a free email account, post pictures, post videos, and much more. Please register. Thank you for your patience as we build RR.
Latest Site Updates:
- Please join our forums to get the site going before our launch date. Thank you.
- We are updating every page right now, the whole site should be up tonight, but the content of the site will not be uploaded until our grand opening. Stay tuned.
- Contact Page is up. Other pages coming shortly.
- Registration is open. Feel free to register.
- Forum is operational. Please post some new topics.
- We now own ridiculouslyrandom.com and rediculouslyrandom.com.
- New website design created. Forum Integrated.
Today's Random Picture:
..::Insert Picture Here::..
Today's Random Video:
..::Insert Video Here::..
Last 10 Post On Our Forums:
To add your link here, view our advertising page.
The sizing is a little off and I think I missed some background colours but see what you think
close..
close.. http://www.ridiculouslyrandom.com/test/ .. but no cigar
I know it's not exact, I
I know it's not exact, I left the last little things for you to have a look at (sizing, spacing, background on #footer etc).
Not too sure about the floated divs (the half size ones) maybe someone else can give you a pointer on the best way to do it?