Estou precisando de uma ajuda aqui. Estou desenvolvendo uma loja virtual para a empresa em que trabalho na ferramenta Dreamweaver. Acontece que ao abrir a página inicial, ao minimizar a janela, ela desconfigura a posição de todos os seus componentes bagunçando tudo, tanto no Mozilla Firefox, quanto no google chrome. O que eu estou fazendo de errado e como devo proceder para solucionar tudo esse problema?
Desde já agradeço a ajuda de todos!
Segue o código:
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> a:link {text-decoration: none} a:visited {text-decoration: none} <!-- a:hover {text-decoration: underline;} --> color: #FF0000; } a:active {text-decoration: none} a:visited, a:active { <!-- text-decoration: underline; --> } a:hover {text-decoration: underline; background:#ffc; color: #FF0000; } td img {display: block;}#apDiv1 { position:absolute; left:507px; top:0px; width:270px; height:181px; z-index:1; } #apDiv2 { position:absolute; left:334px; top:216px; width:91px; height:19px; z-index:2; } #apDiv3 { position:absolute; left:477px; top:216px; width:97px; height:19px; z-index:3; } #apDiv4 { position:absolute; left:614px; top:216px; width:104px; height:23px; z-index:4; } #apDiv5 { position:absolute; left:774px; top:216px; width:90px; height:20px; z-index:5; } #apDiv6 { position:absolute; left:912px; top:217px; width:101px; height:21px; z-index:6; } .style1 {color: #000000} #apDiv7 { position:absolute; left:138px; top:242px; width:148px; height:824px; z-index:7; } #apDiv8 { position:absolute; left:209px; top:239px; width:126px; height:1203px; z-index:7; } </style> </head> <body> <div id="apDiv1"><img src="../Html/COMPRE-AQUI.gif" alt="Logo" width="297" height="180" /></div> <div id="apDiv2"> <div align="center"> <h4>Suplementos</h4> </div> </div> <div id="apDiv3"> <div align="center"> <h4><a href="\C:\xampp\htdocs\codigos\principal\principal.htm" class="style1">Eletronicos</a></h4> </div> </div> <div id="apDiv4"> <div align="center"> <h4><a href="\C:\xampp\htdocs\codigos\principal\principal.htm" class="style1">Celulares</a></h4> </div> </div> <div id="apDiv5"> <div align="center"> <h4><a href="\C:\xampp\htdocs\codigos\principal\principal.htm" class="style1">Informática</a></h4> </div> </div> <div id="apDiv6"> <div align="center"> <h4><a href="\C:\xampp\htdocs\codigos\principal\principal.htm" class="style1">Outros</a></h4> </div> </div> <div id="apDiv7"><img name="barra" src="barra.jpg" width="156" height="826" border="0" id="barra" alt="Menu" /></div> <table align="center" border="0" cellpadding="0" cellspacing="0" width="720"> <!-- fwtable fwsrc="Principal 1.png" fwpage="Page 1" fwbase="Principal 1.jpg" fwstyle="Dreamweaver" fwdocid = "1534791158" fwnested="0" --> <tr> <td><img src="spacer.gif" width="136" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="8" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="6" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="130" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="12" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="136" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="137" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="24" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="111" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="2" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td rowspan="3" colspan="12"><img name="Principal1_r1_c1" src="Principal%201_r1_c1.jpg" width="720" height="223" border="0" id="Principal1_r1_c1" alt="" /></td> <td><img src="spacer.gif" width="1" height="16" border="0" alt="" /></td> </tr> <tr> <td><img src="spacer.gif" width="1" height="37" border="0" alt="" /></td> </tr> <tr> <td><img src="spacer.gif" width="1" height="170" border="0" alt="" /></td> </tr> <tr> <td><img name="Principal1_r4_c1" src="Principal%201_r4_c1.jpg" width="136" height="30" border="0" id="Principal1_r4_c1" alt="" /></td> <td rowspan="2"><img name="Principal1_r4_c2" src="Principal%201_r4_c2.jpg" width="8" height="977" border="0" id="Principal1_r4_c2" alt="" /></td> <td colspan="2"><a href="/C:/xampp/htdocs/codigos/principal/principal.htm"><img name="Principal1_r4_c3" src="Principal%201_r4_c3.jpg" width="136" height="30" border="0" id="Principal1_r4_c3" alt="" /></a></td> <td rowspan="2"><img name="Principal1_r4_c5" src="Principal%201_r4_c5.jpg" width="12" height="977" border="0" id="Principal1_r4_c5" alt="" /></td> <td><a href="/C:/xampp/htdocs/codigos/principal/principal.htm"><img name="Principal1_r4_c6" src="Principal%201_r4_c6.jpg" width="136" height="30" border="0" id="Principal1_r4_c6" alt="" /></a></td> <td rowspan="2"><img name="Principal1_r4_c7" src="Principal%201_r4_c7.jpg" width="9" height="977" border="0" id="Principal1_r4_c7" alt="" /></td> <td><a href="/C:/xampp/htdocs/codigos/principal/principal.htm"><img name="Principal1_r4_c8" src="Principal%201_r4_c8.jpg" width="137" height="30" border="0" id="Principal1_r4_c8" alt="" /></a></td> <td rowspan="2"><img name="Principal1_r4_c9" src="Principal%201_r4_c9.jpg" width="9" height="977" border="0" id="Principal1_r4_c9" alt="" /></td> <td colspan="2"><a href="/C:/xampp/htdocs/codigos/principal/principal.htm"><img name="Principal1_r4_c10" src="Principal%201_r4_c10.jpg" width="135" height="30" border="0" id="Principal1_r4_c10" alt="" /></a></td> <td rowspan="2"><img name="Principal1_r4_c12" src="Principal%201_r4_c12.jpg" width="2" height="977" border="0" id="Principal1_r4_c12" alt="" /></td> <td><img src="spacer.gif" width="1" height="30" border="0" alt="" /></td> </tr> <tr> <td><img name="Principal1_r5_c1" src="Principal%201_r5_c1.jpg" width="136" height="947" border="0" id="Principal1_r5_c1" alt="" /></td> <td colspan="2"><img name="Principal1_r5_c3" src="Principal%201_r5_c3.jpg" width="136" height="947" border="0" id="Principal1_r5_c3" alt="" /></td> <td><img name="Principal1_r5_c6" src="Principal%201_r5_c6.jpg" width="136" height="947" border="0" id="Principal1_r5_c6" alt="" /></td> <td><img name="Principal1_r5_c8" src="Principal%201_r5_c8.jpg" width="137" height="947" border="0" id="Principal1_r5_c8" alt="" /></td> <td colspan="2"><img name="Principal1_r5_c10" src="Principal%201_r5_c10.jpg" width="135" height="947" border="0" id="Principal1_r5_c10" alt="" /></td> <td><img src="spacer.gif" width="1" height="947" border="0" alt="" /></td> </tr> </table> </body> </html>
Segue os arquivos constantes no código.