Browser-Darstellung ->Tabellen u. Zellen
Daisy
- browser
einen schönen guten abend... schon wieder benötige ich euern rat und vielen dank vorab für die hife... was täte ich ohne dieses geniale forum hier... ;-)
den link hier http://www.scorpion-art.com/data/index2/index2.htm hatte ich gestern schon mal gepostet.. ich habe alle grafiken und texte mittels tabellen und zellen plaziert, um eine exakte position zu erreichen
bei meinem browser (ie, pc-falls das von bedeutung ist?) und auch in der vorschau von frontpage schaut das alles ganz schön aus..
jetzt habe ich heute die ansicht und ladezeiten mal an meinem arbeitsplatz getestet (auch ie, mac), da verhaut der browser das komplette layout.. alles ist kreuz und quer... kann nicht jeder browser tabellen richtig interpretieren..?
woran kann das liegen, weil ich nach der basisseite dann eigentl. auch die anderen so erstellen will..
vorher hatte ich mal mit dreamweaver gearbeitet, da hat das gefunzt, wollte aber versuchen, eigenständig mit html-code all das zu programmieren,... jetzt bin ich total frustriert, weil das so viel zeit kostet und bin schon am überlegen, ob ich doch wieder mit dreamweaver arbeite... --- was habe ich falsch gemacht..?
hier nochmals der code zur sicherheit
<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>::: Herzlich Willkommen :::</title>
<script type="text/javascript"> <!-- Normal7 = new Image(); Normal7.src = "images/link_gruen.gif"; Highlight7 = new Image(); Highlight7.src = "images/link_gruen-over.gif";
Normal8 = new Image(); Normal8.src = "images/link_produkte.gif"; Highlight8 = new Image(); Highlight8.src = "images/link_produkte-over.gif";
Normal9 = new Image(); Normal9.src = "images/link_haendler.gif"; Highlight9 = new Image(); Highlight9.src = "images/link_haendler-over.gif";
Normal10 = new Image(); Normal10.src = "images/link_endverbraucher.gif"; Highlight10 = new Image(); Highlight10.src = "images/link_endverbraucher-over.gif";
Normal11 = new Image(); Normal11.src = "images/link_links.gif"; Highlight11 = new Image(); Highlight11.src = "images/link_links-over.gif";
Normal12 = new Image(); Normal12.src = "images/link_kontakt.gif"; Highlight12 = new Image(); Highlight12.src = "images/link_kontakt-over.gif";
Normal21 = new Image(); Normal21.src = "images/link_impressum.gif"; Highlight21 = new Image(); Highlight21.src = "images/link_impressum-over.gif"; function Bildwechsel(Bildnr,Bildobjekt) { window.document.images[Bildnr].src = Bildobjekt.src; } //--> </script>
</head>
<body topmargin="0" leftmargin="0">
<div align="left"> <table border="0" width="918" height="800" cellspacing="0" cellpadding="0" align="left"> <tr> <td width="129" height="36" style="position: absolute; left: 5; top: 5; height: 36"><img border="0" src="images/logo_klein.gif" width="129" height="36"></td> <td width="782" height="45" style="position: absolute; left: 199; top: 0; height: 45" colspan="7"> <p align="left"><img border="0" src="images/head_soft.gif" width="534" height="45"></td> <td width="1" height="37" style="position: absolute; left: 749; top: 0; height: 37"><img border="0" src="images/linie1.gif" width="1" height="37"></td> </tr> <tr> <td width="129" height="11"></td> <td width="771" height="1" style="position: absolute; left: 0; top: 45; height: 1" colspan="6"><img border="0" src="images/linie2.gif" width="741" height="1"></td> <td width="9" height="8" style="position: absolute; left: 741; top: 37; height: 8"><img border="0" src="images/ecke1.gif" width="9" height="8"></td> <td width="1" height="32" rowspan="2"></td> </tr> <tr> <td width="129" height="7" style="position: absolute; left: 5; top: 52; height: 7"><img border="0" src="images/link_home.gif" width="33" height="7"></td> <td width="107" height="8" style="position: absolute; left: 58; top: 51; height: 8"> <a href="" onMouseOver="Bildwechsel(6,Highlight7)" onMouseOut="Bildwechsel(6,Normal7)"><img src="images/link_gruen.gif" width="84" height="8" border="0" alt="Grün tut gut"></a></td> <td width="78" height="7" style="position: absolute; left: 162; top: 52; height: 7"> <a href="" onMouseOver="Bildwechsel(7,Highlight8)" onMouseOut="Bildwechsel(7,Normal8)"><img src="images/link_produkte.gif" width="61" height="7" border="0" alt="Unsere Produktpalette"></a></td> <td width="125" height="8" style="position: absolute; left: 243; top: 51; height: 8"> <a href="" onMouseOver="Bildwechsel(8,Highlight9)" onMouseOut="Bildwechsel(8,Normal9)"><img src="images/link_haendler.gif" width="120" height="8" border="0" alt="Inforamtionen für Händler"></a></td> <td width="172" height="8" style="position: absolute; left: 383; top: 51; height: 8"> <a href="" onMouseOver="Bildwechsel(9,Highlight10)" onMouseOut="Bildwechsel(9,Normal10)"><img src="images/link_endverbraucher.gif" width="172" height="8" border="0" alt="Informationen für Endverbraucher"></a></td> <td width="83" height="7" style="position: absolute; left: 575; top: 52; width: 83; height: 7"> <a href="" onMouseOver="Bildwechsel(10,Highlight11)" onMouseOut="Bildwechsel(10,Normal11)"><img src="images/link_links.gif" width="83" height="7" border="0" alt="Links undTipps"></a></td> <td width="52" height="7" style="position: absolute; left: 678; top: 52; width: 52; height: 7"> <a href="" onMouseOver="Bildwechsel(11,Highlight12)" onMouseOut="Bildwechsel(11,Normal12)"><img src="images/link_kontakt.gif" width="52" height="7" border="0" alt="Kontakt"></a></td> <td width="8" height="8" style="position: absolute; left: 741; top: 46; width: 8; height: 8"><img border="0" src="images/ecke2.gif" width="8" height="8"></td> </tr> <tr> <td width="749" height="1" colspan="7" style="position: absolute; left: 0; top: 62; width: 749; height: 1"> <img border="0" src="images/linie3.gif" width="749" height="1"></td> <td width="1" height="538" rowspan="7"></td> <td width="1" height="577" rowspan="7" style="position: absolute; left: 749; top: 53; width: 1; height: 577"> <img border="0" src="images/linie4.gif" width="1" height="577"></td> </tr>
<tr> <td width="129" height="507" rowspan="6"></td> <td width="386" height="150" colspan="6" style="position: absolute; left: 199; top: 115; width: 386; height: 150"><font face="Verdana" size="2"><b>Herzlich Willkommen...</b> <br> <br> Terra Soleil ist nun endlich auch online zu erreichen.<br> Auf unseren Seiten finden Sie zahlreiche Informationen <br> rund um das Thema Grüne Mineralerde.<br> <br> Viel Spaß beim Stöbern wünscht Ihnen <br> Ihr Terra Soleil-Team.</font></td> </tr> <tr> <td width="167" height="43" colspan="6" style="position: absolute; left: 466; top: 280; width: 167; height: 43"> <img border="0" src="images/claim_gtg.gif" width="167" height="43"></td> </tr> <tr> <td width="355" height="99" colspan="6" style="position: absolute; left: 199; top: 384; width: 355; height: 99"> <img border="0" src="images/logo.gif" width="355" height="99"></td> </tr> <tr> <td width="349" height="32" colspan="6" style="position: absolute; left: 199; top: 500; width: 349; height: 32"> <img border="0" src="images/claim.gif" width="349" height="32"></td> </tr> <tr> <td width="314" height="22" colspan="3"></td> <td width="10" height="10" colspan="3" style="position: absolute; left: 740; top: 630; width: 10"> <img border="0" src="images/ecke3.gif" width="10" height="10"></td> </tr> <tr> <td width="740" height="1" colspan="6" style="position: absolute; left: 0; top: 639; width: 740; height: 1"> <img border="0" src="images/linie5.gif" width="740" height="1"></td> </tr>
<td width="250" style="position: absolute; left: 6; top: 645; height: 7" height="7" valign="top" colspan="3">
<a href="" onMouseOver="Bildwechsel(20,Highlight21)" onMouseOut="Bildwechsel(20,Normal21)"><img src="images/link_impressum.gif" width="65" height="7" border="0" alt="Impressum"></a> </td> </table> </div>
</body>
</html>
woran kann das liegen, weil ich nach der basisseite dann eigentl.
auch die anderen so erstellen will..
so auf die schnelle würde ich jetzt sagen, dass es möglich ist, dass du leere Zellen in der Tabelle hast. Dreamweaver stellt in jede Zelle in der nichts drinnen ist ein " " und das intepretieren die Browser nicht als leer. aber wie gesagt, bin mir nicht sicher...ist mehr so als hinweis zu sehen.
vorher hatte ich mal mit dreamweaver gearbeitet
mach doch das wieder, ich bin der Meinung, dass der Dreamweaver besser ist als FrontPage...aber das ist nur meine persönliche Meinung.
Gruss und viel Erfolg
Michi
so auf die schnelle würde ich jetzt sagen, dass es möglich ist, dass du leere Zellen in der Tabelle hast. Dreamweaver stellt in jede Zelle in der nichts drinnen ist ein " " und das intepretieren die Browser nicht als leer. aber wie gesagt, bin mir nicht sicher...ist mehr so als hinweis zu sehen.
ja, das könnte gut sein... wie gesagt habe ich in frontpage die zellen erstellt, aber da gibts ein paar leere zwischendrin...
danke für den tipp
Gruss und viel Erfolg
Michi
vorher hatte ich mal mit dreamweaver gearbeitet
mach doch das wieder, ich bin der Meinung, dass der Dreamweaver besser ist als FrontPage...aber das ist nur meine persönliche Meinung.
... ach ja, das mach ich jetzt auch... ich dachte nur ich würde mehr lernen, wenn ich reinen html-code schreiben muss und das programm mir nicht so sachen wie rollover oder so eigenständig schreibt..
aber irgendwie habe ich von meiner unwissenheit jetzt die schnauze voll ;-) und das projekt muss unbedingt fertig werden...
gruss
daisy