fireworks cs6 und ie

Nanotech · 27.03.2013

Hallo,

Ein Bekannter wollte mit Fireworks CS6 (laut seiner Aussage) eine Homepage erstellen.
Sobald er aber aus Fireworks mit dem IE 10 eine Vorschau macht kommt es zu Verzerrungen.
Mit dem Firefox oder auch Chrome werden die Seiten normal dargestellt.
Leider habe ich mal eine HP gemacht allerdings mit dem Fireworks 4 und hatte solche Probleme nicht.

Sobald man einen Button erstellt (Up, Down usw,) entsteht diese Verzerrung.
Auch wenn man einen 2. Status erstellt für einen Button.

Wenn man um einen Button ein Segment macht genau das gleiche.

Leider habe ich keine Ahnung warum der IE dies so darstellt und die anderen Browser nicht.

http://www.abload.de/img/verzerrungywaek.jpg

cebito · 27.03.2013

AW: fireworks cs6 und ie

Hab dich mal in den Webbereich verschoben, es wird wohl ein CSS-Problem sein (evtl. kein Browser-Reset)
Genaueres kann man nur sagen, wenn man mindestens mal den Code sieht, besser noch einen Link zum Problem hat.

Davon abgesehen würd ich mir das "Design" noch mal überlegen, das ist alles andere als zeitgemäß. Es sei denn die Zielgruppe ist 60+ mit 80er-Jahre Schrankwand im Wohnzimmer...

Nanotech · 27.03.2013

AW: fireworks cs6 und ie

Habe mir mal die html Datei besorgt die von Fireworks erstellt worden ist.

PHP:

<!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>Unbenanntes Dokument</title>
<script language="JavaScript1.2" type="text/javascript">
<!--
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_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}

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];}}
}

//-->
</script>
</head>
<body bgcolor="#ffffff" onload="MM_preloadImages('bilder/index_r2_c3_s2.jpg','bilder/index_r2_c3_s4.jpg','bilder/index_r2_c3_s3.jpg','bilder/index_r2_c6_s2.jpg','bilder/index_r2_c6_s4.jpg','bilder/index_r2_c6_s3.jpg','bilder/index_r6_c9_s2.jpg','bilder/index_r6_c9_s4.jpg','bilder/index_r6_c9_s3.jpg');">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="950">
<!-- fwtable fwsrc="kebap istanbul.fw.png" fwpage="index" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "847862492" fwnested="0" -->
  <tr>
   <td><img src="bilder/spacer.gif" width="65" height="1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="85" height="1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="118" height="1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="37" height="1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="23" height="1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="27" height="1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="91" height="1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="8" height="1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="118" height="1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="23" height="1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="43" height="1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="238" height="1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="74" height="1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="1" height="1" alt="" /></td>
  </tr>

  <tr>
   <td colspan="13"><img name="index_r1_c1" src="bilder/index_r1_c1.jpg" width="950" height="36" id="index_r1_c1" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="1" height="36" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2" colspan="2"><img name="index_r2_c1" src="bilder/index_r2_c1.jpg" width="150" height="279" id="index_r2_c1" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','index_r2_c3','bilder/index_r2_c3_s2.jpg','bilder/index_r2_c3_s4.jpg',1);" onclick="MM_nbGroup('down','navbar1','index_r2_c3','bilder/index_r2_c3_s3.jpg',1);"><img name="index_r2_c3" src="bilder/index_r2_c3.jpg" width="118" height="48" id="index_r2_c3" alt="" /></a></td>
   <td rowspan="2" colspan="2"><img name="index_r2_c4" src="bilder/index_r2_c4.jpg" width="60" height="279" id="index_r2_c4" alt="" /></td>
   <td colspan="2"><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','index_r2_c6','bilder/index_r2_c6_s2.jpg','bilder/index_r2_c6_s4.jpg',1);" onclick="MM_nbGroup('down','navbar1','index_r2_c6','bilder/index_r2_c6_s3.jpg',1);"><img name="index_r2_c6" src="bilder/index_r2_c6.jpg" width="118" height="48" id="index_r2_c6" alt="" /></a></td>
   <td rowspan="2" colspan="6"><img name="index_r2_c8" src="bilder/index_r2_c8.jpg" width="504" height="279" id="index_r2_c8" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="1" height="48" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_r3_c3" src="bilder/index_r3_c3.jpg" width="118" height="231" id="index_r3_c3" alt="" /></td>
   <td colspan="2"><img name="index_r3_c6" src="bilder/index_r3_c6.jpg" width="118" height="231" id="index_r3_c6" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="1" height="231" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="4"><img name="index_r4_c1" src="bilder/index_r4_c1.jpg" width="65" height="453" id="index_r4_c1" alt="" /></td>
   <td colspan="3"><img name="index_r4_c2" src="bilder/index_r4_c2.jpg" width="240" height="160" id="index_r4_c2" alt="" /></td>
   <td rowspan="4" colspan="2"><img name="index_r4_c5" src="bilder/index_r4_c5.jpg" width="50" height="453" id="index_r4_c5" alt="" /></td>
   <td colspan="4"><img name="index_r4_c7" src="bilder/index_r4_c7.jpg" width="240" height="160" id="index_r4_c7" alt="" /></td>
   <td rowspan="4"><img name="index_r4_c11" src="bilder/index_r4_c11.jpg" width="43" height="453" id="index_r4_c11" alt="" /></td>
   <td><img name="index_r4_c12" src="bilder/index_r4_c12.jpg" width="238" height="160" id="index_r4_c12" alt="" /></td>
   <td rowspan="4"><img name="index_r4_c13" src="bilder/index_r4_c13.jpg" width="74" height="453" id="index_r4_c13" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="1" height="160" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="3" colspan="3"><img name="index_r5_c2" src="bilder/index_r5_c2.jpg" width="240" height="293" id="index_r5_c2" alt="" /></td>
   <td colspan="4"><img name="index_r5_c7" src="bilder/index_r5_c7.jpg" width="240" height="62" id="index_r5_c7" alt="" /></td>
   <td rowspan="3"><img name="index_r5_c12" src="bilder/index_r5_c12.jpg" width="238" height="293" id="index_r5_c12" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="1" height="62" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2" colspan="2"><img name="index_r6_c7" src="bilder/index_r6_c7.jpg" width="99" height="231" id="index_r6_c7" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','index_r6_c9','bilder/index_r6_c9_s2.jpg','bilder/index_r6_c9_s4.jpg',1);" onclick="MM_nbGroup('down','navbar1','index_r6_c9','bilder/index_r6_c9_s3.jpg',1);"><img name="index_r6_c9" src="bilder/index_r6_c9.jpg" width="118" height="48" id="index_r6_c9" alt="" /></a></td>
   <td rowspan="2"><img name="index_r6_c10" src="bilder/index_r6_c10.jpg" width="23" height="231" id="index_r6_c10" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="1" height="48" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_r7_c9" src="bilder/index_r7_c9.jpg" width="118" height="183" id="index_r7_c9" alt="" /></td>
   <td><img src="bilder/spacer.gif" width="1" height="183" alt="" /></td>
  </tr>
</table>
</body>
</html>

Das Design ist grauenvoll das habe ich im schon gesagt, das Essen aber super.

Ich habe mich mal mit TeamViewer eingeloggt um die html zu erstellen. Soviel Ahnung hat der nicht.

Irgendwas mag der IE 10 nicht denn bei mir ist es genauso wie bei ihm.

cebito · 27.03.2013

AW: fireworks cs6 und ie

Und das macht CS6? Ein Tabellenlayout? In Zeiten wo die dritte CSS-Generation schon in (fast) allen Browsern implementiert ist und die vierte schon in den Startlöchern steht?
Er soll sich einen Online-Homepagebaukasten suchen, selbst die geben besseres und sichereres HTML und CSS aus.

Nanotech · 27.03.2013

AW: fireworks cs6 und ie

Ich habe mal eine leere Seite erstellt und nur ein Button erstellt.
Diese dann zur Schaltfläche gemacht und eine Vorschau erstellt, aus Fireworks.

Selbst nur ein einziger Button zeigt schon einen blauen Rahmen, setzt man dann eine Schrift darunter, Verzerrungen.

Kann doch nicht sein das dies der IE so anzeigt, der arme Kerle hat ja genug Geld dafür ausgegeben und dann so was.
Irgendwie stimmt da was nicht oder fehlt im Code, ansonsten müsste die ja Sturm laufen die mit FW Websites erstellen.

Der hat sich FW gekauft weil ihm irgendjemand erzählt hat das man damit Websites erstellen kann, anscheinend dumm gelaufen.

cebito · 27.03.2013

AW: fireworks cs6 und ie

Nanotech schrieb:
Der hat sich FW gekauft weil ihm irgendjemand erzählt hat das man damit Websites erstellen kann, anscheinend dumm gelaufen.

Damit lassen sich Designs für Websites wunderbar gestalten, über verschiedene Seiten hinweg auch mit teils gleichbleibenden Elementen, die man einmal geändert in allen Seitenentwürfen geändert wiederfindet. Das ist der große Unterschied zu Photoshop.
Aber die Umsetzung für das Web sollte dem einen wie auch dem anderen Programm nicht überlassen werden - da ist immer Ärger vorprogrammiert.

Nanotech · 27.03.2013

AW: fireworks cs6 und ie

Danke für die Mühe.

Gut das ich ihm das nicht empfohlen habe, bei 1&1 eine Seite zu erstellen wäre vermutlich auch zu einfach oder zu billig für ihn.

Hätte ich aber auch nicht gedacht das FW CS 6 bei diesem Preis ohne den Code zu exportieren solche Ergebnisse beim IE liefert.

Naja er kann nur hoffen das der IE irgendwann aus-stirbt, dann werden die Seiten richtig dargestellt.

cebito · 27.03.2013

AW: fireworks cs6 und ie

Nanotech schrieb:
Hätte ich aber auch nicht gedacht das FW CS 6 bei diesem Preis ohne den Code zu exportieren solche Ergebnisse beim IE liefert.

Diese Software wird es (hoffentlich) auch in absehbarer Zeit nicht geben, sonst wären zehn- oder hunderttausende von Webworkern und Freelancern über Nacht arbeitslos.
Wie ich schon sagte, für 0815 reicht ein Webbaukasten, für spezielle Sachen (mit PS, FW oder einem anderen Programm entworfen) braucht es aber auch eine technisch korrekte Umsetzung, sonst gehts in die Hose.
PS, ID, FW & co. sind fürs Layouten gut, aber nicht für die Umsetzung im Web.

Nanotech · 27.03.2013

AW: fireworks cs6 und ie

Ich wundere mich nur das ich mit einer früheren Version auch mal eine Website in FW erstellt habe und danach in Dreamweaver noch weitergearbeitet habe.

Die Buttons wurden im jeden Browser richtig dargestellt.
Auch wenn ich die Elemente in Dreamwever in divs einfüge zeigen die mit FW 6 erstellten Buttons im IE dieses Verhalten.

Auch wenn ich eine komplette Seite in DW erstelle und will das die Buttons von FW einfügen stellt sich diese Verzerrung dar.

Ich hab mal meine alte Website ausgegraben die im IE wunderbar funktioniert.
Per Teamviewer dann rübergeladen und in der CS6 Version geöffnet dann mit "Speichern und schließen" FW beendet und siehe da selbst die Website zeigt diese Symtome.

Kurz gesagt eine Website die mit einer älteren Version erstellt worden ist funktioniert und sobald ich Änderungen vom Dreamweaver CS6 aus in Fireworks CS 6 mache - dieses Ergebnis.

Das ist der Punkt.
Klar man kann mit DW tolle Sites erstellen aber sobald ich nur die Buttons vom FW einfüge kommt dieses Ergebnis zustande.

Ich versteh das nicht.

newbie50plus · 27.03.2013

AW: fireworks cs6 und ie

cebito schrieb:
Es sei denn die Zielgruppe ist 60+ mit 80er-Jahre Schrankwand im Wohnzimmer...

Vielen Dank!

:'(

cebito · 27.03.2013

AW: fireworks cs6 und ie

newbie50plus schrieb:
Vielen Dank!:'(

Was denn? Du bist doch noch jung! 50+ hallo? Hab ich von der Altersgruppe was gesagt? Oder wolltest dich jetzt outen so 'ne "schicke" Schrankwand zu besitzen?
Ok, du stehst auf das Zeugs, kaufst du den Döner? Und wie viele außer dir gehen noch da hin?
50/60+ ist sicherlich nicht die Zielgruppe...

Nanotech · 28.03.2013

AW: fireworks cs6 und ie

So Problem ist lokalisiert!!!

Im Gegensatz zu den anderen Versionen fehlt im Code "Border=0" wenn man den Code als Dreamweaver XHTML abspeichert.
Als normales XHTML schreibt er "Border=0" rein.

In anderen Versionen tritt das Problem nicht auf.
Sehr seltsam!!!