Help - Search - Members - Calendar
Full Version: IE9 not aligning pages
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
nudesigns
Hello to all I'm new to the fourms and I actually new to designing webpages...I have been learning coding for a couple weeks now reading all the information I can find on in books, internet, etc...I'm really having trouble with getting a website aligned correctly in IE9, It shows up correctly in the latest verison of Chrome and hasn't been tested in any other browsers yet...when loaded in IE9 it does align center as wanted but the images are like shifted to the right a little and throwing the page off... any information would be greatly appreciated!!!
Thanks again and I'm design the pages with photoshop CS5 and dreamweaver cs5
all images are sliced in photoshop and exported correctly


Source Coding:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<link/>
</head>

<body>
<a href="styles.css" type="text/css"></a>
<table id="Table_01" align="center" width="1280" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" rowspan="4">
<a href="home.html"><img id="smallverison_01" src="images/smallverison_01.jpg" width="270" height="170" alt="" /></a></td>
<td colspan="20">
<img id="smallverison_02" src="images/smallverison_02.jpg" width="1010" height="39" alt="" /></td>
</tr>
<tr>
<td colspan="5">
<img id="smallverison_03" src="images/smallverison_03.jpg" width="357" height="70" alt="" /></td>
<td colspan="11">
<img id="smallverison_04" src="images/smallverison_04.jpg" width="537" height="70" alt="" /></td>
<td colspan="4" rowspan="2">
<img id="smallverison_05" src="images/smallverison_05.jpg" width="116" height="79" alt="" /></td>
</tr>
<tr>
<td colspan="11">
<img id="smallverison_06" src="images/smallverison_06.jpg" width="678" height="9" alt="" /></td>
<td colspan="5">
<img id="smallverison_07" src="images/smallverison_07.jpg" width="216" height="9" alt="" /></td>
</tr>
<tr>
<td colspan="10">
<img id="smallverison_08" src="images/smallverison_08.jpg" width="677" height="52" alt="" /></td>
<td colspan="2">
<a href="http://www.facebook.com/rsbookstore"><img id="smallverison_09" src="images/smallverison_09.jpg" width="71" height="52" alt="" /></a></td>

<td colspan="2">
<img id="smallverison_10" src="images/smallverison_10.jpg" width="60" height="52" alt="" /></td>
<td>
<a href="http://twitter.com/#!/rsbookstore"><img id="smallverison_11" src="images/smallverison_11.jpg" width="54" height="52" alt="" /></a></td>

<td colspan="2">
<img id="smallverison_12" src="images/smallverison_12.jpg" width="58" height="52" alt="" /></td>
<td>
<a href="http://www.youtube.com/user/solvivaz101"><img id="smallverison_13" src="images/smallverison_13.jpg" width="55" height="52" alt="" /></a></td>
<td colspan="2">
<img id="smallverison_14" src="images/smallverison_14.jpg" width="35" height="52" alt="" /></td>
</tr>
<tr>
<td colspan="5">
<img id="smallverison_15" src="images/smallverison_15.jpg" width="486" height="3" alt="" /></td>
<td rowspan="2">
<a href="AboutUs.html"><img id="smallverison_16" src="images/smallverison_16.jpg" width="139" height="42" alt="" /></a></td>

<td colspan="2" rowspan="3">
<img id="smallverison_17" src="images/smallverison_17.jpg" width="30" height="67" alt="" /></td>
<td rowspan="2">
<a href="Shop.html"><img id="smallverison_18" src="images/smallverison_18.jpg" width="99" height="42" alt="" /></a></td>

<td colspan="13">
<img id="smallverison_19" src="images/smallverison_19.jpg" width="526" height="3" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img id="smallverison_20" src="images/smallverison_20.jpg" width="354" height="64" alt="" /></td>
<td>
<a href="Home.html"><img id="smallverison_21" src="images/smallverison_21.jpg" width="96" height="39" alt="" /></a></td>

<td rowspan="2">
<img id="smallverison_22" src="images/smallverison_22.jpg" width="36" height="64" alt="" /></td>

<td rowspan="2">
<img id="smallverison_23" src="images/smallverison_23.jpg" width="42" height="64" alt="" /></td>
<td>
<a href="Contact.html"><img id="smallverison_24" src="images/smallverison_24.jpg" width="116" height="39" alt="" /></a></td>

<td colspan="11" rowspan="2">
<img id="smallverison_25" src="images/smallverison_25.jpg" width="368" height="64" alt="" /></td>
</tr>
<tr>
<td>
<img id="smallverison_26" src="images/smallverison_26.jpg" width="96" height="25" alt="" /></td>
<td>
<img id="smallverison_27" src="images/smallverison_27.jpg" width="139" height="25" alt="" /></td>
<td>
<img id="smallverison_28" src="images/smallverison_28.jpg" width="99" height="25" alt="" /></td>
<td>
<img id="smallverison_29" src="images/smallverison_29.jpg" width="116" height="25" alt="" /></td>
</tr>
<tr>
<td>
<img id="smallverison_30" src="images/smallverison_30.jpg" width="33" height="589" alt="" /></td>
<td colspan="19">
<img id="smallverison_31" src="images/smallverison_31.jpg" width="1212" height="589" alt="" /></td>
<td colspan="2">
<img id="smallverison_32" src="images/smallverison_32.jpg" width="35" height="589" alt="" /></td>
</tr>
<tr>
<td colspan="22">
<img id="smallverison_33" src="images/smallverison_33.jpg" width="1280" height="50" alt="" /></td>
</tr>
<tr>
<td colspan="10" rowspan="2">
<img id="smallverison_34" src="images/smallverison_34.jpg" width="796" height="148" alt="" /></td>
<td colspan="12">
<img id="smallverison_35" src="images/smallverison_35.jpg" width="484" height="69" alt="" /></td>
</tr>
<tr>
<td colspan="5">
<img id="smallverison_36" src="images/smallverison_36.jpg" width="236" height="79" alt="" /></td>
<td colspan="6">
<img id="smallverison_37" src="images/smallverison_37.jpg" width="246" height="79" alt="" /></td>
<td>
<img id="smallverison_38" src="images/smallverison_38.jpg" width="2" height="79" alt="" /></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="33" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="237" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="84" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="96" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="36" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="139" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="99" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="42" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="116" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="35" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="70" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="46" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="54" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="32" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="26" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="55" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="33" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt="" /></td>
</tr>
</table>
</body>
</html>
Darin McGrew
Can you provide the URL (address) of a document that demonstrates the problem?
nudesigns
well I apologize about that, but the document is being developed is there a way I can place it online as a temp for you all to view? If not I'm also going to post images of what it is doing...I'm currently at work and the job use IE7 and it also does the same,but in chrome it looks great...

somethings I have add to the style sheet but have not been added to the html yet... ex.(news/material)

This is my style sheet also:

body{
width: 1280px;
height: 1024px;
background:#000;
margin: 0 auto;


}

#content{
width: 1212px;
height: 589px;
background:url(images/smallverisonnocontent_31.jpg);
text-slign:center;
text-wrap:normal;

}

#material{
height: 631px;
width: 471px;

}

#news{


}
Click to view attachment Click to view attachment
nudesigns
photos of what I get when I run the webpages on the local machine, I'm getting the same problem in IE9 but the photo is in IE7.
Click to view attachment Click to view attachment
Darin McGrew
Please see the FAQ entry How do I eliminate the space around/between my images?
nudesigns
I have tried that solution and the problem still exist. Thanks for the info
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.