Display issues with trip advisor widget

Posted on 2011-10-05
Last Modified: 2012-05-12
Hi Experts

Someone has asked to to add a Trip Advisor widget to a website that i designed for them and i'm having trouble getting it to position without altering the current layout of the website.

The website address is

I want to position the widget on the left hand side of the page. i have tried numerous different settings to get it to position correctly but i just seems to keep pushing everything down beneath it. i want to keep the content positioned in the center and have the widget positioned to left.

Here is the code for the widget:

<div id="CDSWIDWRM" style="margin:0; padding:0; width:240px; border:none; background-color:#589442; overflow:hidden; height:auto;">
<div style="margin:3px; padding:7px 7px 10px; border:none; background-color:#fff;">
<div style="margin:6px 0 10px; padding:0 0 10px; overflow:hidden; border-bottom:1px solid #d1dfb8; border-top:none; border-left:none; border-right:none; text-align:left;">
<a target="_blank" style="border:none; background:transparent;" href=""><script type="text/javascript" src=";lang=en_UK"></script></a>
<div style="margin:0; padding:0; border:none; font:bold 12px Verdana,Arial,Tahoma,'Bitstream Vera Sans',sans-serif; color:#2c2c2c; text-align:left; line-height:normal; letter-spacing:0">
Review <a target="_blank" style="margin:0;padding:0;border:none;background:transparent;text-decoration:none;outline:none;font-weight:bold;font-size:12px;font-family:Verdana;color:#2c2c2c;text-align:left;line-height:normal;letter-spacing:0" onmouseover="'underline'" onmouseout="'none'" href="">Ty-Parc Guesthouse</a>
<div style="margin:12px 0 0 0; padding:2px 10px; border:1px solid #d67b00; background-color:#d67b00; white-space:nowrap; cursor:pointer; text-align:center; float:left;">
<a target="_blank" href="" style="margin:0; padding:0; border:none; background:transparent; text-decoration:none; outline:none; font: bold 12px Arial,Tahoma,'Bitstream Vera Sans',sans-serif; color:#fff; letter-spacing:0; vertical-align:middle;">Write Review</a> </div>
<div style="padding:0 14px 3px; background-color:#589442; text-align:right;">
<span style="font: italic 11px Arial,Tahoma,'Bitstream Vera Sans',sans-serif; color:#fff; letter-spacing:0;">powered by TripAdvisor</span> </div>

Question by:emlynrg
    LVL 21

    Accepted Solution

    You could add "position: absolute; left: 0; top: 0;" to your main trip advisor div.

    Author Comment

    Hi xmediaman

    Thanks for the advice, it worked a treat, i knew it would be something simple.

    Thanks again


    Author Closing Comment

    Perfect as usual, thanks experts.

    Featured Post

    Looking for New Ways to Advertise?

    Engage with tech pros in our community with native advertising, as a Vendor Expert, and more.

    Join & Write a Comment

    Suggested Solutions

    When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
    Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
    In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
    The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

    745 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    15 Experts available now in Live!

    Get 1:1 Help Now