5 Replies - 761 Views - Last Post: 02 February 2011 - 08:38 AM

#1 baxter111  Icon User is offline

  • D.I.C Head

Reputation: 2
  • View blog
  • Posts: 77
  • Joined: 30-June 08

Image To Carry On Outside Of Div

Posted 02 February 2011 - 08:19 AM

Next question - how do you get an image to appear out of the wrapper div - basically if you look at:

http://www.ourbaby-blog.co.uk you will see the head image has a blue and green line - basically want this to carry on to the edge of the pages.

Cheers,

scott
Is This A Good Question/Topic? 0
  • +

Replies To: Image To Carry On Outside Of Div

#2 ClearRift  Icon User is offline

  • New D.I.C Head

Reputation: 5
  • View blog
  • Posts: 37
  • Joined: 09-December 10

Re: Image To Carry On Outside Of Div

Posted 02 February 2011 - 08:24 AM

Thanks for moving this...

What have you tried? Also, download Firebug for Firefox and you can see exactly what they did to achieve that effect.
Was This Post Helpful? 0
  • +
  • -

#3 PhunkRabbit  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 81
  • View blog
  • Posts: 406
  • Joined: 23-August 10

Re: Image To Carry On Outside Of Div

Posted 02 February 2011 - 08:26 AM

You would need to include a background image on the body tag.

The image would need to be that image but with the edges streched for say 2000 pixels, then position the background image to stay in the centre of the page.

Example:

body {
     background url('/path/to/img.jpg') no-repeat 50% 0;
}



Then use an image like so:
Attached Image
Was This Post Helpful? 2
  • +
  • -

#4 baxter111  Icon User is offline

  • D.I.C Head

Reputation: 2
  • View blog
  • Posts: 77
  • Joined: 30-June 08

Re: Image To Carry On Outside Of Div

Posted 02 February 2011 - 08:26 AM

Hi Mate,

Thats the page i want it to work on i was just showing you where i want the image to go.

Cheers,

Scott
Was This Post Helpful? 0
  • +
  • -

#5 baxter111  Icon User is offline

  • D.I.C Head

Reputation: 2
  • View blog
  • Posts: 77
  • Joined: 30-June 08

Re: Image To Carry On Outside Of Div

Posted 02 February 2011 - 08:36 AM

Cheers PhunkRabbit

Worked First time!! :-)

Look for the next post! :-)
Was This Post Helpful? 0
  • +
  • -

#6 PhunkRabbit  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 81
  • View blog
  • Posts: 406
  • Joined: 23-August 10

Re: Image To Carry On Outside Of Div

Posted 02 February 2011 - 08:38 AM

Your welcome.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1