37 users online (0 members and 37 guests)  


  Results 1 to 3 of 3

Related

  1. CSS Image Pop Up - Positioning    Forum: CSS Forum
    Replies: 1
  2. Positioning of image    Forum: HTML Forum
    Replies: 3
  3. Replies: 3
  4. Image Positioning    Forum: HTML Forum
    Replies: 4
  5. image positioning    Forum: HTML Forum
    Replies: 1
  1. #1
    zac's Avatar
    New User

    Status
    Offline
    Join Date
    Sep 2005
    Posts
    6

    positioning over background image

    ok this is probably easy but i havent a clue. i am trying to do a simple 2 column layout within another div. My layout is probably kind of nuts but it is like this:
    Code:
    #wrapper {
    	margin-right: auto;
    	margin-left: auto;
    	width: 766px;
    }
    
    #image-header {
    	background-image:   url(images/image-header.jpg);
    	height: 15px;
    }
    
    #image-content {
    	background-image:   url(images/page-whitebg.jpg);
    	padding-right: 18px;
    	padding-left: 18px;
    	font-family: "Century Gothic", Arial, sans-serif;
    }
    
    #image-footer {
    	background-image:   url(images/image-footer.jpg);
    	height: 21px;
    }
    I want to have two elements side by side within the #image-content div. An image that is on the left side of the box and text and links in a column on the right. When I try and float it breaks up the background that is in the #image-content div. If I use absolute positioning it is screwed up by different browser sizes.

    What is the best way to have two elements side by side in this kind of a layout?

    Here is what I am talking about:

    http://www.folkphotography.com/screenshots/css_ss5.jpg

    Thanks for any tips.
    Last edited by HTML; 03-09-2012 at 10:51 AM.

  2. #2
    ALL's Avatar
    Super Dooper Nerd

    Status
    Offline
    Join Date
    Feb 2005
    Location
    localhost
    Posts
    382

    Re: positioning over background image

    try using cells to do it! make sure you tell it to put the images at the top of the cells.

  3. #3
    zac's Avatar
    New User

    Status
    Offline
    Join Date
    Sep 2005
    Posts
    6

    Re: positioning over background image

    ahhh... good ol tables. I have been so obsessed with trying to figure out things in css i didnt try the obvious. thanks ! ;-)



Tags for this Thread