Adding additional divs help

[holidaynerja]

Hi, I am trying to modify a page and include an availability chart and google map below the content table on the page below. I have the code for the availability iframe and the Google map but I am struggling to add the content holders for each.

Here is the page I am working on

http://www.holidaynerja.co.uk/mobile/property-details.html

Here is a link to an image of what I am trying to acheive, so I need 2 new content holders one beside each other belows the property images and summary.

http://www.holidaynerja.co.uk/mobile/images/banner/propdetail.jpg

Any help appreciated :)

[holidaynerja]

Sorry I forgot to add the style sheet link

http://www.holidaynerja.co.uk/mobile/style.css

[timbarden]

Hi,

Can you be more specific with what exactly you are having difficulty with? Knowing how to add the two divs into the HTML?

Also, I would say the CSS file isn’t much help to anyone trying to assist – it seems to be full of a lot of unnecessary styling – 322kb is a whopper!

[holidaynerja]

Hi Tim, I have moved on a little and have managed to add the divs which hold the availability chart and google map as you can see on the updated link

http://www.holidaynerja.co.uk/mobile/property-details.html

I have 2 issues, one being that the calendar does not show on IE, works fine on FF and also the divs I have added are not responsive so if I look on iPhone the calendar and map are stacked on top of each other :(

The css I added for these divs I kept on the html page

#wrapper {width:100%; height:300px; position:relative;}
.float {background-color:white; height:300px; margin:0; padding:0; color:white;}
.left {background-color:white; position:fixed; width:450px; padding-left:40px;}
.right {float:right; width:450px; padding-left:40px; padding-top:20px;}

Any input greatly appreciated

[holidaynerja]

SOLVED :)

[Author]

Posts