The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Adding additional divs help

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #237647

    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

    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.

    Any help appreciated :)


    Sorry I forgot to add the style sheet link



    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!


    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

    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


    SOLVED :)

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.