Zersliced :(

saint44 · 06.06.2009

MAAN,
heute ist irgentwie der Wurm drinne !!!
ich weiß auch nicht was los ist, ich komme einfach nicht mit diesen dreamviewer cs4 klar. (der cs3 war besser

)

Problem: Zersliced -.-

FIREFOX

INTERNET EXPLORER

wie kann es sein, dass die seite in firefox richtig dargestellt ist, aber in IE und Constribute so zerscliced ist?

cebito · 06.06.2009

AW: Zersliced

Schwer zu sagen ohne code, aber ich würd erstmal alle Abstände auf 0 stellen:

Code:

*html{
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
}

sloshed · 06.06.2009

AW: Zersliced

Verwendest du Tabellen?
Wenn ja weg damit und wie cebito schrieb margin und padding auf 0.

schau mal in den Tabellen wenn vorhanden nach dem Wert für cellspacing und cellpadding. Stelle das mal auf 0.

Und zu IE braucht man ja eh nichts sagen

Grüße

saint44 · 06.06.2009

AW: Zersliced

^^ ja
ich habe alle cell werte und alle margin werte auf 0 gestellt gehabt, is aber trotzdem so

sloshed · 06.06.2009

AW: Zersliced

Poste mal den Code bitte.

saint44 · 06.06.2009

AW: Zersliced

Aber nichts sagen ^^

Code:

  <table id="Tabelle_01" width="801" height="115" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td colspan="8" rowspan="3">
                                    <img src="Bilder/FabianBurghardtWebdesign2.0_01.jpg" width="233" height="49" alt=""></td>
                                <td colspan="2" rowspan="4">
                                    <img src="Bilder/FabianBurghardtWebdesign2.0_02.jpg" width="276" height="91" alt=""></td>
                                <td colspan="2">
                                    <img src="Bilder/FabianBurghardtWebdesign2.0_03.jpg" width="291" height="8" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="1" height="8" alt=""></td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="Bilder/FabianBurghardtWebdesign2.0_04.jpg" width="175" height="17" alt=""></td>
                                    
                                    
                                                                                       <td>
                                                                                          <img src="Buttons/btn Kopie.jpg" alt="" width="116" height="17" border="0" usemap="#Map">                                                                                       </td>
                                
                                
<td>
                                    <img src="Bilder/Abstandhalter.gif" width="1" height="17" alt=""></td>
                            </tr>
                            <tr>
                                <td colspan="2" rowspan="3">
                                    <img src="Bilder/FabianBurghardtWebdesign2.0_06.jpg" width="291" height="89" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="1" height="24" alt=""></td>
                            </tr>
                            <tr>
                                <td colspan="8">
                                    <img src="Bilder/FabianBurghardtWebdesign2.0_07.jpg" width="233" height="42" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="1" height="42" alt=""></td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="Bilder/FabianBurghardtWebdesign2.0_08.jpg" width="11" height="23" alt=""></td>
                                <td><a href="home.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Homebtn','','Buttons/home2.jpg',1)"><img src="Buttons/home1.jpg" alt="Home" name="Homebtn" width="39" height="23" border="0"></a></td>
                                <td>
                                    <img src="Bilder/FabianBurghardtWebdesign2.0_10.jpg" width="8" height="23" alt=""></td>
                                <td><a href="referenzen.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('referenzenbtn','','Buttons/referenzen2.jpg',1)"><img src="Buttons/referenzen1.jpg" alt="Referenzen" name="referenzenbtn" width="73" height="23" border="0"></a></td>
                                <td>
                                    <img src="Bilder/FabianBurghardtWebdesign2.0_12.jpg" width="9" height="23" alt=""></td>
                                <td>
                                   <a href="angebot.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('angebotbtn','','Buttons/angebot2.jpg',1)"><img src="Buttons/angebot1.jpg" alt="Angebot" name="angebotbtn" width="55" height="23" border="0"></a></td>
                                <td>
                                    <img src="Bilder/FabianBurghardtWebdesign2.0_14.jpg" width="11" height="23" alt=""></td>
                                <td colspan="2">
                                    <a href="kontakt.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('kontaktbtn','','Buttons/kontakt2.jpg',1)"><img src="Buttons/kontakt1.jpg" alt="Kontakt" name="kontaktbtn" width="49" height="23" border="0"></a></td>
                                <td>
                                    <img src="Bilder/FabianBurghardtWebdesign2.0_16.jpg" width="254" height="23" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="39" height="1" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="8" height="1" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="73" height="1" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="9" height="1" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="55" height="1" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="27" height="1" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="22" height="1" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="254" height="1" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="175" height="1" alt=""></td>
                                <td>
                                    <img src="Bilder/Abstandhalter.gif" width="116" height="1" alt=""></td>
                                <td></td>
                            </tr>
                        </table>
  </td>
  </tr>
</table>

sloshed · 06.06.2009

AW: Zersliced

Du hast da einen Rahmen mit 1 px drinne. Keine Ahnung durch was der verursacht wird.
Am besten machste das ganze mal schön mit Div Containern und absoluter positionnierung.

saint44 · 06.06.2009

AW: Zersliced

hmm..
ich finde den border=0 nicht, habs schon mit der suchfunktion in dw versucht aber ich finde nix.. könntest du die zeile rausschreiben?

sloshed · 06.06.2009

AW: Zersliced

Glein in der ersten Zeile

<table id="Tabelle_01" width="801" height="115" border="0" cellpadding="0" cellspacing="0">
Allerdings bewirkt die änderung diese Wertes nur schlechters.
Auch wenn du den einzelnen "<td>´s" Border="0" zuweist ändert sich n ichts. Mache es einfach mit DIV´s. Tabellen haben in einem design sowieso nichts verloren

Adobe sollte endlich mal anfangen Exportierte Designs in Divs zu exportieren.

saint44 · 06.06.2009

AW: Zersliced

aber ich verstehe jetzt immer noch nicht, wo der rahmen mit 1px ist ??
da steht doch border=0

sloshed · 06.06.2009

AW: Zersliced

Ja das stimmt auch. Aber der IE Zaubert da irgendwo einen hin.
Im IE 8 sieht man das auch ganz deutlich.

ingvar · 07.06.2009

AW: Zersliced

ich kenn das problem mit IE ... wie das mit div geht weiss ich nicht aber mir ist es egal ob die IE nutzer das jetzt richtig oder besch*** sehen

sokie · 07.06.2009

AW: Zersliced

saint44 schrieb:
ich komme einfach nicht mit diesen dreamviewer cs4 klar. (der cs3 war besser )

Das ist das Problem?
man MUSS das Programm nicht zum Erstellen von Seiten verwenden.

Warum lernst Du nicht einfach endlich mal die Grundlagen? Dann musst Du keine Zeit darauf verwenden Probleme zu lösen, die es eigentlich gar nicht gibt, und die Zeit wäre gut investiert.
(es liegt nicht an DW oder am IE)

agielen · 07.06.2009

AW: Zersliced

cs3 oder cs4, groß ist der Unterschied da nicht., Beide arbeiten hervorragend mit den Sprachen css und allen die wichtig oder hilfreich sind. CSS würde ich unbedingt lernen, weil es erstens viel mehr Möglichkeiten im Design gibt und zweitens die Pflege der Seiten viel einfacher wird. Selbst wenn jmd ohne WYSIWYG auskommt ist dw einfach eine unglaubliche Erleichterung im Workflow.

Zum Thema Bugs: vielleicht hilft Dir diese Seite weiter....

/* Position Is Everything */ — Modern browser bugs explained in detail!

Herr_D · 07.06.2009

AW: Zersliced

Schreib den Code mal um:

statt: (Beispiel)

Code:

<td>
                                    <img src="Bilder/Abstandhalter.gif" width="1" height="42" alt=""></td>

schreib:

Code:

<td><img src="Bilder/Abstandhalter.gif" width="1" height="42" alt=""></td>

Das Einrücken sieht ja ganz schön aus, aber der IE interpretiert das und das in die nächste Zeile versetzen als Leerzeichen... was dann zu Anzeigeprobs führt....

saint44 · 07.06.2009

AW: Zersliced

Ja, ich kann HTML, aber es ist viel einfacher sich alls mit PSD bzw. Dreamwiever ausgeben zu lassen und nicht den Windows Editor zu nehmen.
Ich habe jetzt alle bilder mit Fireworks manuell ausgeschnitten und die Seite selber zusammengebaut, ohne Imageready Sclices von PSD (und ohne diese Sinnlosen abstandhalter). Funktioniert. Man sollte sich doch manchmal selber ransetzen, als es den Programmen zu überlassen. Außerdem kann ich jetzt besser den Code nachvollziehen.