I'm having trouble putting my AWeber code into a table on my website. I have managed to achieve placing the AWeber script into a table on a blank HTML file, and the width declared is working fine. However, as soon as i place this exact same code into my webpage layout, it doesn't listen to the width value at all the text expands out really wide.
Here are my two examples:
(working fine on basic HTML page)
(Same code, but not working)
I'm not calling the width value in the CSS as it doesn't seem to read properly as if i call it in the HTML, which is why i have declared it in the <table> tag. Can anyone give some insight as to why this is happening?
I was also wondering i could get some help with positioning. I would like to place the sign up box to the right of the content box. I presume i will need to set the position to absolute then use margins to position it correctly. However because it is in a table can i declare this within the table declaration in the CSS along with a margin-left value so that it sits bumping up against the right of the content box and not, when viewed on a larger screen, out of this position?
Appreciate any help
CSS for form:
<div id="head_top"></div><!-- #head_top -->
</div><!-- #nav_icon -->
</div><!-- #nav -->
</div><!-- head_middle -->
<div id="head_bottom"></div><!-- head_bottom -->
<div id="sale"></div><!-- #sale -->
<table class="main" width="250">
<div class="news">Join The Paleo Cookbook Newsletter <br> For a Free Subscription To Receive <br> Paleo Friendly Recipes and Paleo <br> Diet Cooking Tips</news>
</div><!-- #content -->
</div><!-- #wrapper -->
</div><!-- #footer_inner -->
</div><!-- #footer -->