473,721 Members | 1,825 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Problem with css image repeat.

42 New Member
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 2169
drhowarddrfine
7,435 Recognized Expert Expert
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
Dave Siegel
42 New Member
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 Recognized Expert Expert
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
Dave Siegel
42 New Member
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 Recognized Expert Expert
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
3000
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: +--------------------------------+ | BG 1 | Content | BG 3 | +------+ +------+
3
2037
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 images everythin else displays just fine. I used a table and added a background image to every row. when i call the page it shows that it is preloading images but never displays. I have tried to place the css code on the page itself as well. the...
0
3502
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 to white the used CSS to set the opacity to 90 so that you can see the background image through the table. The problem I am having is with the textboxes in the transparent
0
3082
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 columns wrap below the 1 column. I am using a mixer of fliud and liquid layout. Following is my css code that I am using in laying my page out and the HTML program only consist of div statement. html, body { padding: 0; margin: 0;
4
1838
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 images is re-positioned . the page looks entirely different. Please anyone can help me in this regard. Here is the css and html code home.php <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="keywords" content="healthy dining...
30
3150
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: (http://supremewarfare.com/main/home.php) in firefox/Opera, everything is good. However if you open it up in IE6 or 7 (haven't tried 5 but I presume it's the same), there is a serious gap in my table and I am not sure how to fix it? Have a look at the source code and let me...
1
3129
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 image elements that belong in the list but I've only posted 2 since it replicates the problem and minimizes the code to read. In FF, you should see a logo with two images (currently not HREF's) of the same size below it, and a copyright statement below...
1
2081
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 hacked it by changing to 24% but don;t know why. 2) I can't get the right border to extend down to the bottom border (both IE and Firefox).
1
7735
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 item(including anchor tag text) has to change to another color, but since iam using anchor tag in LI tag, the text in the menu item is not changing color when i hover on the menu item(LI). (but changing color when i hover on the anchor tag Text). But i...
5
1901
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 chnage even a pixel. As I am not too good so I though why not ask you. I am using dreameweaver for my ease in design. The problem is "expanding box problem and cruel appearance in IE and site looks better in FFox". I am not usinf any image bigger...
0
8731
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9370
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9067
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8009
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5986
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4487
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4755
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3191
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2132
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.