471,583 Members | 1,430 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,583 software developers and data experts.

Problem with css image repeat.

I'm trying to get the content window to go untill the top of the page, no matter what browser you're using. But untill now it only repeats with the text, but doesn't get to the bottom of the browser :

http://theclan-name.com/school/games/index.html


Here's my css :

[HTML]body {
background: #2b2b2b url(img/bg_image.gif) no-repeat top center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #CCCCCC;
}

#container {
margin-top: -7px;
margin-left: auto;
margin-right: auto;
width: 553px;
height: 100%;
position: relative;
top: auto;
}

#banner {
width: 553px;
height: 66px;
background: url(img/halobanner.gif) no-repeat top center;
}

#navbar {
width: 553px;
height: 20px;
margin-top: 6px;
text-align: center;
}

#content {
margin-top: 6px;
background:url(img/content.gif) repeat-y center top;
height: 100%;
margin-left: auto;
margin-right: auto;
width: 553px;
}

body a:link, a:active, a:visited {
text-decoration: none;
color:#CCCCCC;
font-size:13px;
}

body a:hover {
color: #003300;
font-size:13px;
}[/HTML]

Anyone have any idea what i did wrong?
Nov 20 '07 #1
5 2071
drhowarddrfine
7,435 Expert 4TB
You say you want to get it to the top but then you say you want to get it to the bottom. Which is it?

It goes to the bottom for me.
Nov 20 '07 #2
You say you want to get it to the top but then you say you want to get it to the bottom. Which is it?

It goes to the bottom for me.
To the bottom, and i just found an interesting bug..

My css works in safari (on a mac).. But doesnt work in firefox / ie7.

Any idea why that may be?
Nov 20 '07 #3
drhowarddrfine
7,435 Expert 4TB
I noticed that. I don't know why but the browser isn't even requesting the css file so it's not being served.
Nov 20 '07 #4
I noticed that. I don't know why but the browser isn't even requesting the css file so it's not being served.
I found that problem... Could you check now how come it doesnt repeat the image untill buttom? (the content bit)

Oh the problem was that in the link to the stylesheet i had test/css instead of text/css.

But the repeat till bottom still doesn't work. Not on mac as far as i can see anyways.
Nov 20 '07 #5
drhowarddrfine
7,435 Expert 4TB
The problem you are having comes from setting the image to #content and setting it to 100%. But that's 100% of the body so once it reaches that point it won't go any farther.
Nov 20 '07 #6

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

4 posts views Thread by Juergen Lang | last post: by
3 posts views Thread by ribinha | last post: by
TheServant
30 posts views Thread by TheServant | last post: by
1 post views Thread by donpro | last post: by
reply views Thread by XIAOLAOHU | last post: by
reply views Thread by Vinnie | last post: by
reply views Thread by lumer26 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.