|
Dreamweaver Darstellung in IE und FF
HAllo,
habe mit Dreamweaver eine Seite gebaut. Seite hat eine Tabellenstruktur. Im IE sieht alles gut aus, im Firefox jedoch verschiebt er mir alles. Habe die Tabelle in einem Feld mit ner anderen Hintergrundfarbe angelegt. Und genau da zerschießt er mir alles. Beim IE ist das Feld vollflächig in der Farbe, beim Firefox ist nur ein kleiner Teil im absatz so farbig. Weiß einer von euch, wie ich das auch im Firefox vollflächig hinbekomme. Danke |
Poste mal den HTML-Code
|
Zitat:
"http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Kim Schlichtkrull</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- } body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; line-height: normal; font-weight: normal; text-transform: none; font-variant: normal; text-decoration: none; } a:link { color: #6acec7; text-decoration: none; } a:visited { text-decoration: none; color: #6acec7; } a:hover { color: #f09585; text-decoration: none; } a:active { text-decoration: none; } .style13 {font-size: 9px} .style16 {font-size: 11px} h1,h2,h3,h4,h5,h6 { font-family: Verdana, Arial, Helvetica, sans-serif; } .style17 {color: #f09585} .style21 {font-size: 15px} .style22 {font-size: 10px} --> </style> <s***** language="JavaS*****" type="text/JavaS*****"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </s*****> </head> <body onLoad="MM_preloadImages('../grafik/button_2a.gif','../grafik/button_3a.gif','../grafik/button_4a.gif','../grafik/button_5a.gif','../grafik/button_6a.gif','../grafik/button_1a.gif')"> <p> </p> <table width="1002" height="560" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="fbd4cf"> <tr> <th width="1402" height="559" align="left" valign="top" scope="row"><table width="982" height="527" border="0" align="left" cellpadding="0" cellspacing="0"> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td height="189" colspan="2" scope="row"><img src="../grafik/logotitel.gif" width="672" height="189"></td> </tr> <tr bgcolor="fce9e2"> <td width="188" height="14" align="center" valign="bottom" bgcolor="#FFFFFF" scope="row"><p align="center"><img src="../grafik/button_7a.gif" width="113" height="42"></p></td> <td width="794" height="98" rowspan="8" align="left" valign="top" bgcolor="fce9e2"><p> </p> <blockquote> <p align="left"><span class="style21">“Der Körper ist der Übersetzer der Seele ins Sichtbare”</span> <br> <span class="style22"><img src="../grafik/blindjpg.jpg" width="21" height="29"><img src="../grafik/blindjpg.jpg" width="21" height="29"><img src="../grafik/blindjpg.jpg" width="21" height="29"><img src="../grafik/blindjpg.jpg" width="21" height="29"><img src="../grafik/blindjpg.jpg" width="21" height="29"><img src="../grafik/blindjpg.jpg" width="21" height="29"><img src="../grafik/blindjpg.jpg" width="21" height="29"><img src="../grafik/blindjpg.jpg" width="21" height="29"><img src="../grafik/blindjpg.jpg" width="21" height="29"><img src="../grafik/blindjpg.jpg" width="21" height="29"><img src="../grafik/blindjpg.jpg" width="21" height="29"><img src="../grafik/blindjpg.jpg" width="21" height="29"><img src="../grafik/blindjpg.jpg" width="21" height="29">(Christian Morgenstern, 1871-1914)</span><br> </p> <p align="left"> </p> <p align="left"><strong>Herzlich willkommen auf meiner Homepage</strong></p> <p align="left">Schön, dass Sie sich für mich und meine Arbeit interessieren.<br> Auf diesen Seiten finden Sie erste Informationen.<br> Ich freue mich auf einen persönlichen Kontakt mit Ihnen!<br> </p> <p align="left">Kim Schlichtkrull</p> </blockquote> <p> </p></td> </tr> <tr bgcolor="fce9e2"> <td width="188" height="14" align="center" valign="bottom" bgcolor="#FFFFFF" scope="row"><p align="center"><a href="geist.htm" target="_self" onMouseOver="MM_swapImage('but1','','../grafik/button_1a.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../grafik/button_1.gif" name="but1" width="113" height="42" border="0"></a><a href="geist4"> </a> </p></td> </tr> <tr bgcolor="fce9e2"> <td width="188" height="14" align="center" valign="bottom" bgcolor="#FFFFFF" scope="row"><p align="center"><a href="ziele.htm" target="_self" onMouseOver="MM_swapImage('but2','','../grafik/button_2a.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../grafik/button_2.gif" name="but2" width="113" height="42" border="0"></a></p></td> </tr> <tr bgcolor="fce9e2"> <td width="188" height="14" align="center" valign="bottom" bgcolor="#FFFFFF" scope="row"><p align="center"><a href="aktuelles.htm" target="_self" onMouseOver="MM_swapImage('but3','','../grafik/button_3a.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../grafik/button_3.gif" name="but3" width="113" height="42" border="0"></a></p></td> </tr> <tr bgcolor="fce9e2"> <td width="188" height="14" align="center" valign="bottom" bgcolor="#FFFFFF" scope="row"><p align="center"><a href="mich.htm" target="_self" onMouseOver="MM_swapImage('but4','','../grafik/button_4a.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../grafik/button_4.gif" name="but4" width="113" height="42" border="0"></a></p></td> </tr> <tr bgcolor="fce9e2"> <td width="188" height="14" align="center" valign="bottom" bgcolor="#FFFFFF" scope="row"><p align="center"><a href="kontakt.htm" target="_self" onMouseOver="MM_swapImage('but5','','../grafik/button_5a.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../grafik/button_5.gif" name="but5" width="113" height="42" border="0"></a></p></td> </tr> <tr bgcolor="fce9e2"> <td height="14" align="center" valign="bottom" bgcolor="#FFFFFF" scope="row"><a href="impressum.htm" target="_self" onMouseOver="MM_swapImage('but6','','../grafik/button_6a.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../grafik/button_6.gif" name="but6" width="113" height="42" border="0"></a></td> </tr> <tr bgcolor="fce9e2"> <td width="188" height="14" align="center" valign="bottom" bgcolor="#FFFFFF" scope="row"><p align="center"><img src="../grafik/blindbutton.gif" width="113" height="42"></p></td> </tr> </table> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p></th> </tr> </table> </body> </html> |
Und jetzt bitte noch ein Screenshot deines Problems.
|
1. CSS auslagern
2. DIV Container benutzen 3. auf IE6 pfeifen, ausser du bekommst Geld dafür 4. Tabellen vermeiden ausser für tatsächliche Tabellen im Text oder eventuell Formulare |
Davon abgesehen das theshizoid recht hat. Ich nutze gar keine Tabellen mehr. Hilft das wirklich nicht weiter.
Auf Anhieb kann ich dir so auch nicht sagen ohne Screenshot, wo der Fehler liegt. Aber installiere die für den Firefox die beiden Add-ons: Firebug und Web-Developer. Das sind zwei sehr gute Tools um Fehler im Design aufzuspüren. Im Firebug kannst du sogar den HTML-Code zu testen ändern. In die neusten Versionen von Opera, Safari und IE8 ist ein solches Tool sofort dabei..nur nicht so gut in der Handhabung. Für den IE7 bekommst du auch kostenlos von Microsoft ein Tool. Hoffe dir damit geholfen zu haben. |
| Alle Zeitangaben in WEZ +1. Es ist jetzt 20:35 Uhr. |
Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.