473,324 Members | 2,268 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,324 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 2142
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

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

Similar topics

4
by: Juergen Lang | last post by:
Hello! I want to style a layout without the use of tables. Instead of tables, I would like to use styled div-tags. The Layout is (or better: should be) as follows: ...
3
by: ribinha | last post by:
Hi all, I am having problems loading background images on my pages. I have created a css to display the images. It works just fine on my test box, but when I tried on real pages it wont upload any...
0
by: sjickells | last post by:
Hi I am having a problem using asp:TextBox's in a transparent table. I have a background image on the page and a table in the middle of the page. I have set the background colour of the table...
0
by: whairs01 | last post by:
Could someone help me and telling me how to get my 3 column web page to resize correctly in IE7. When trying to reside my my web page I can only get it to resize to a point before the 2 and 3...
4
by: kumuda v | last post by:
Hi, I am new to web development. I have designed a main page using html and css, I am working in linux OS so I am using firefox. But the problem is with IE, where the entire contents and...
30
TheServant
by: TheServant | last post by:
Hey guys, I have been teaching myself web design and using a lot of php. I have been going great, slowly but surely, however I have a problem. If you open up my home page:...
1
by: rirby2 | last post by:
Hi everyone, I'm currently having a rendering problem in IE7 (haven't even tried the lower IEs yet), vs. what I see in FF2. The simplified site can be found at solerasd.com . (There are more...
1
by: donpro | last post by:
Hi, I'm creating a template paging sing pure CSS and all looks good except the footer which I am having problems with. 1) When I space out each of the FOUR DIVS at 25%, it wraps in IE. I...
1
by: praveenb000 | last post by:
Hi every one, I designed a web page, having horizontal menu using UL and LI tags; I need to be set rollover effect for a menu items. whenever user hover on a menu item, the entire...
5
by: creative1 | last post by:
hi everyone, I am struck in layout of my site. Im using 1024 fixed width layout. I have a site layout designed in psd files. Bisically I have to stick with that design tightly and I am asked not to...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

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.