HOME | DD
golebara — Nature 4
Published: 2007-01-18 01:58:27 +0000 UTC; Views: 955; Favourites: 3; Downloads: 12
Redirect to original
Description
Another one of my Nature series.Related content
Comments: 11
I love the simplicity of this design
Although on the working version you need to center the site.
Instead of:
margin: 50px;
in your CSS, change that to:
margin: 50px auto 50px auto;
That will center the site in all browsers
👍: 0 ⏩: 2
Hey, I did change "margin: 50px;" to "margin: 50px auto 50px auto;" but it didn't centre in Firefox. Any idea why?
👍: 0 ⏩: 1
Turn:
body { CSS stuff }
into:
html, body { CSS stuff }
👍: 0 ⏩: 1
That didn't work either. But "margin: 50px 20% 50px 20%;" worked fine. Thanks for your help.
👍: 0 ⏩: 1
Hmm, that didn't center it on my resolution: 1400x1050.
So your css should look like this:
html, body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background: #EEE;
color: #000;
margin: 50px auto 50px auto;
padding: 0px;
text-align: center;
}
#content {
width: 540px;
color: #333;
font-size: 11px;
background: #FFF;
line-height: 16px;
text-align: left;
padding: 10px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
👍: 0 ⏩: 1
Nope, you got me there. I tried your css and it still refuses to centre itself in Firefox. I'm running Firefox 1.5.0.8.
👍: 0 ⏩: 2
So in all you should have:
html, body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background: #EEE;
color: #000;
margin: 50px auto 50px auto;
padding: 0px;
text-align: center;
}
#content {
width: 540px;
color: #333;
font-size: 11px;
background: #FFF;
line-height: 16px;
text-align: left;
margin: auto;
padding: 10px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
👍: 0 ⏩: 0
Firefox version isn't the problem...
According to the CSS you have up on the site you didn't change that.
Also, try adding:
margin: auto;
to your #content { }.
If you do the html, body { } and #content { } fixes I gave you it should work
👍: 0 ⏩: 1
The "margin: auto;" in #content{} seemed to have fixed the problem. Don't know why though.
Thank you so much for your help. Really appreciate it.
PS. No, I didn't upload it since it didn't work locally. But now it should be.
👍: 0 ⏩: 1
No problem, I'm glad to have helped
👍: 0 ⏩: 0
Oh thank you for that! I did test it in other browsers and was wondering why it didn't centre itself. I guess I have to go back to my CSS class.
👍: 0 ⏩: 0