473,769 Members | 1,736 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 2174
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
3003
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
2039
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
3505
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
3084
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
1839
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
3155
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
2084
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
7738
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
1903
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
9589
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9423
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
10212
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...
1
9995
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9863
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...
1
7410
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 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 a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5304
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...
1
3962
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
2815
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.