Background image + Background color for webpage

I've been trying to figure out how to put a background image on the upper half of my webpage, with the lower half just being a regular color.

I want it similar to this:

I've tried setting it up using different positioning, but so far nothing as worked.

If anyone has any suggestions I would be greatly appreciative.


Can someone help me debug absolute positioning? It's not working.

All -

For some reason, my absolutely positioned

elements are positioning themselves relative something besides the top of the browser window. Can anyone point me in the right direction?

I am attempting to rewrite an e-commerce site. One of the design specifications is that links to different product categories need to be precisely laid out on the page. For some reason, setting the top and left attributes with absolute positioning doesn't work. If I set the position to absolute / top=0 left = 0 the content appears about midway down the page in the correct "Left" position.

CSS Rollover Positioning Text

Sorry I suck at css and most of the time I just try different properties to get my way. But this time I can't seem to get what I want.

I just started on this site

As you can see, I already designed the menu and what I'm stuck on is the menu rollovers. It's just a simple background hover image for the menu links but I can't seem to position the text without moving the background image too.

Please help, thanks.

Quick CSS menu position fix for IE7


I have been working on this menu for several days. Building the menu was fine, but when it came to testing it in IE7 I was stumped...

Basically what I have is a dropdown menu under the "Selling" menu item. It appears fine in every other browser.. In IE7 it positions incorrectly and moves over to the right.

I have spent 3 days searching, fiddling, and trying new things out. Can anyone help me with this?

A live preview is available:

Thanks in advance for the help!

Column height

Hi guys.
I have a two column layout in a liquid design.
When i add content to my divs i am having trouble.
When the content on the right is more than on the left it goes down with background color of body not the "allcontent" color.
Could you please help me.

Below is my html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>əbər portalı</title>

Syndicate content