Fix this as an act of kindness? Will add to rep..

[user-7256]

Hey,

I will add to rep to anyone who can fix this:

http://www.domaintops.com

Just give me suggestions.

The gradient on the side is supposed to stretch to be as tall as the main content.

It works in IE, but not Firefox. If it is compatible in both, I will add to your rep

Theoretically, this is an easy fix. Any help appreciated.

Thanks!
-Matt
(Remember - suggestions only. And NO, I will not try using tables. I am going to keep this 100% CSS.)

 

[spy69]

Maybe the gardient is big enough? wide wise. Or might be placed to high.


Spy

 

[user-7256]

No, take a look at the CSS and reply with LEGITIMATE responses, please. Thanks.

 

[spy69]

Relax bro, i was just throwing a few suggestions at you that you mightive missed.

Gee

 

[user-7256]

Sorry Yesterday was a bit rough on me. My bad.

 

[LeetPCUser]

You can do a background image then do a background-repeat y. This will make a small gradient repeat over and over on the left hand side.

 

[user-7256]

It already does a repeat-y as a background image... please... at least LOOK at the CSS before replying...

 

[Gene]

Matt,

I can run circles around many folks when it comes to HTML & tables, but I haven't delved into CSS much yet. That's my disclaimer But when looking at your code:

	width:800px;
	height:400px;
	background-image:url(http://www.domaintops.com/img/sidebar.jpg);
	background-repeat:repeat-y;
	background-color:#fff;

It appears to me that you're limiting that sidebar.jpg image at only 400 pixels high. That's why it's stopping then going to white. Try increasing the 400 to let's say 700 and see what it does.

 

[Rowan W]

Matt,

I can run circles around many folks when it comes to HTML & tables, but I haven't delved into CSS much yet. That's my disclaimer But when looking at your code:

	width:800px;
	height:400px;
	background-image:url(http://www.domaintops.com/img/sidebar.jpg);
	background-repeat:repeat-y;
	background-color:#fff;

It appears to me that you're limiting that sidebar.jpg image at only 400 pixels high. That's why it's stopping then going to white. Try increasing the 400 to let's say 700 and see what it does.

It will cause scrolling.

The page wasn't coded with the desired effect in mind. I think it would require a re-write for the best result.

 

[LeetPCUser]

The height shouldn't even be mentioned in the code. It is limiting it.

 

[paaaaaaaaaa]

I fixed it.

Problem was assigning the height like gene and more people suggested. Also the content container is floating so according to firefox the sidebar does not get stretched (not sure if this is intentional by firefox) to it so I moved the end div for the side bar.

Supplied the fix as a txt file.

 

[thomaslgates]

there is no problem with that site in my browser...!

I am using MOZILLA FIREFOX.

I also checked it in IE

It works fine.!

 

[Ju5T]

LOL, because he fixed it :lol:

 

[paaaaaaaaaa]

Did I get recognised for the fix? I see no thank you and I don't know if I got any reputation points.

 

[Gene]

Did I get recognised for the fix? I see no thank you and I don't know if I got any reputation points.

It really is unfortunate. Not a single thank you to anyone in this thread. What are you gonna do? At least you'll know who not to spend time on in the future.