PDA

View Full Version : Trouble with IE and my site


gangsterpb
10-27-2012, 12:57 AM
On chrome, firefox, and safari I have seldom problems with the way my site is, but whenever I view it in internet explorer there are plenty on links that the design is just off and the alignments are everywhere and there are images off the side of my layout. I was wondering how I could fix this. The site is http://gangsterpaintball.com and one of the pages that look horrible in IE is http://gangsterpaintball.com/SMALL/products/paintball_sandandas.html

any help would be greatly appreciated.

Corrosive
10-27-2012, 11:15 AM
The way to fix it is to look at using CSS properly to position your page items. For example, you are creating spacing using empty paragraph tags;

<table width="573" height="92" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="293"><img src="../Headbands/images/infoL.png" alt="" width="293" height="68"></td>
<td width="20" rowspan="2"><img src="../Headbands/images/divider.png" alt="" width="20" height="425"></td>
<td width="260"><img src="../Headbands/images/infoR.png" alt="" width="300" height="68"></td>
</tr>
<tr>
<td><div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sandrags: We are the best when it comes to <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;designing the headwrap called &ldquo;Sandrag&rdquo;. <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We beat all competitors in comfort, style, <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;and durability. No other brand dares to come<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;close to our ultimate design of this piece. <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Try it once, and you&rsquo;ll laugh at the others <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;that try to imitate our ultimate headwrap.</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Where should I start first? Hmm&hellip; Let&rsquo;s see&hellip;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Comfort, a double layer padding in the <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;interior design of the structure of the <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&ldquo;Sandrag&rdquo; that gives you comfort and <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;absorbs sweat. Elastic, gives you a snug fit <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;every time. Adjustability, velcro, one size fits <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;all, adjusts to any size head. Stretchable <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;mesh rag, allowing ventilation, while <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contouring itself to the shape of your head. <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Last but not least, different pattern designs <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;to put our mark down as trendsetters. Our <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;trademark will be our matching trim to the <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;head part of the &ldquo;Sandrag&rdquo;. For the most <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;part, I think we&rsquo;ve hit design perfection from <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;the comfort to the style; I introduce the <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&ldquo;Sandrag&rdquo; to you all. </p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;DO NOT settle for something less than our <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;best. Buy one if you can afford it, if not, go <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;get you a cheaper version. </p>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></td>
<td width="260"><div>Manta Bands: If I had to explain this headwrap <br>
in one word it would be, &ldquo;simple.&rdquo; A few words <br>
to describe it would be, comfortable, one size <br>
fits all, and stylish. The details on the <br>
mantaband are it has a dual layer cushion fully <br>
around the band, except for the elastic part of <br>
the band that makes the whole contraption <br>
simple so it can fit any size head. At last, the <br>
rag has a stretchable, breathable material that <br>
wraps your head while giving you refreshing <br>
ventilation, keeping you fresh while playing in <br>
the scolding heat.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br>
</p>
<p>&nbsp;</p></td>
</tr>
</table>
<p><br>
</p>
<p>&nbsp; </p>
</div>
</div>


rather than margins and padding and that just isn't going to get consistent layout across different browsers. You probably need to read up on the CSS box model and try again.