Display issues with trip advisor widget

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 www.ty-parc.com.

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="http://www.tripadvisor.co.uk"><script type="text/javascript" src="http://www.jscache.com/weimg?itype=img2/branding/identity125x20-12096-2.gif&lang=en_UK"></script></a>
</div>
<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="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" href="http://www.tripadvisor.co.uk/Hotel_Review-g316011-d2197644-Reviews-Ty_Parc_Guesthouse-Cardigan_Ceredigion_Wales.html">Ty-Parc Guesthouse</a>
</div>
<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="http://www.tripadvisor.co.uk/UserReview-g316011-d2197644-m12096-Ty_Parc_Guesthouse-Cardigan_Ceredigion_Wales.html" 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>
<br/><br/>
</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>
</div>


style.css
emlynrgAsked:
Who is Participating?
 
Kim WalkerWeb Programmer/TechnicianCommented:
You could add "position: absolute; left: 0; top: 0;" to your main trip advisor div.
0
 
emlynrgAuthor Commented:
Hi xmediaman

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

Thanks again

emlynrg
0
 
emlynrgAuthor Commented:
Perfect as usual, thanks experts.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.