Hi, I'm trying to build a page using SharePoint designer, and when I look on IE8, on my own monitor, everything looks great. When friends look at it with different versions or different browsers (firefox, safari, ie7) the text is not aligned on the right. It's either too long, or too narrow. (
www.ctmsolutions.net)
I am thinking that if I change the width from pixels to percentage that this will work, however I'm not sure how to change that part of the code. (I keep trying)
Here is the code that needs adjusting:
<div style="position: absolute; width=720px; z-index: 2; left: 204px; top: 303px" id="layer2" class="style2">
<a href="mailto:ctmsolutions@ctmsolutions.com">
<img style="border: 0" id="img7" src="button29.jpg" height="20" width="100" alt="Contact" onmouseover="FP_swapImg(1,0,/*id*/'img7',/*url*/'button2A.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'button29.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'button2B.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'button2A.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Embossed Rectangle 5; fp-font-color-normal: #003333; fp-font-color-hover: #FFFFFF; fp-font-color-press: #006666" fp-title="Contact" --></a>
<img style="border: 0" id="img8" src="button2F.jpg" height="20" width="100" alt="905.505.0507" onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'button30.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img8',/*url*/'button2F.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'button31.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img8',/*url*/'button30.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Embossed Rectangle 5; fp-font-color-normal: #003333; fp-font-color-hover: #FFFFFF; fp-font-color-press: #006666" fp-title="905.505.0507" --><br />
<br />
<span class="style9"><span class="style14">Thank you for visiting our new website.