Dreamweaver Browserkompatibilität Probleme

bat14 · 26.08.2007

Hallo. Ich arbeite jetzt neu mit dem Dreamweaver und habe kaum Kenntnisse in html. Vielleicht kann mir jemand folgende Browserkompatibilitätsprobleme erklären, also was genau ich machen muss, um die Probleme zu lösen:

1. Nicht unterstützter Wert: 'top'
Zeile: <td width=613 height=284 style='vertical-align:top'><![endif]>

2. Nicht unterstützte Eigenschaft: language
Zeile: <span lang=de style='language:de'> © Name </span><span lang=de style='color:black;language:de'>® aktualisiert:19.08.07 </span>

3. Fehler beim Stil-Parsing
verschiedene Zeilen:
@font-face
{font-family:"Times New Roman";
{size:8.-2019in 11.2232in;}
<div style='position:absolute;width:11.-2308in;height:7.-226in'>
...

Ich hoffe jemand kann sich einen Augenblick Zeit nehmen und mir helfen.

Übrigens stammen die Seiten ursprünglich aus dem MS Publisher. Dort hatte ich ein paar Probleme mit manschen Browsern. Deshalb bin ich zu Dreamweaver gewechselt. Nur wollte ich die Fehler im Quelltext beheben, bevor ich die Seiten online stelle. Sonst hätte das ja nichts gebracht.

futtlui · 26.08.2007

ich weiß ja nicht, ob der Publisher das wirklich so produziert hat, aber grundsätzlich solltest Du alle Werte in " schreiben und nicht in ' oder ohne irgendwas.
D.h. statt

bat14 schrieb:
<td width=613 height=284 style='vertical-align:top'>

Code:

<td width="613" height="284" style="vertical-align:top;">

Außerdem muss jede CSS-Angabe mit nem ; enden. Was an vertical-align:top; falsch sein soll weiß ich auch nicht - kannst ja statt der Dreamweaver-internen Prüfung auch mal den W3C-Validator ausprobieren.

bat14 schrieb:
2. Nicht unterstützte Eigenschaft: language
Zeile: <span lang=de style='language:de'> © Name </span><span lang=de style='color:black;language:de'>® aktualisiert:19.08.07 </span>

Wie es schon dasteht: language ist keine gültige CSS-Eigenschaft.
Im übrigen ist die logische Auszeichnung der Sprache durch lang sowieso ein Pseudoformat, dass nicht dem Standard entspricht und z.B. vom IE gar nicht unterstützt wird - ergo: unnötig.

bat14 schrieb:
3. Fehler beim Stil-Parsing
verschiedene Zeilen:
@font-face
{font-family:"Times New Roman";
{size:8.-2019in 11.2232in;}
<div style='position:absolute;width:11.-2308in;height:7.-226in'>

@font-face erscheint mir schonmal falsch und nicht CSS-konform, außerdem stimmt was mit den geschweiften Klammern nicht (2x {, 1x } - das kann nicht sein)
Die Größenangabe ist auch Quatsch.

Ich an Deiner Stelle würde die ganze Problematik einfach zum Anlass nehmen, die komplette Website neu zu erstellen - dadurch kriegst Du Praxis mit Dreamweaver und hast hinterher sauberen Code und nicht diese Sisyphus-Arbeit mit der Fehlersuche.

bat14 · 26.08.2007

hm... naja. das war schon n bisschen arbeit, aber was solls.

wenn der dreamweaver das dann richtig ausgibt... is eigentlich n schönes programm...
Is ok. ich werd mich dransetzen.

PS: ICH hab nichts an dem Code verändert. Der kommt so vom Publisher...
Ich sag ja, das ist Müll... hört man ja auch überall....

aber danke schonmal

futtlui · 26.08.2007

bat14 schrieb:
Ich sag ja, das ist Müll... hört man ja auch überall....

Nicht unbedingt - der Publisher ist schon nicht schlecht. Aber eben nur wenn man ihn für seine vorgesehene Verwendung einsetzt. Ist eben ein Einsteiger DTP-Programm, und kein Web-Editor. Auch wenn Microsoft dieses "Feature" in alle möglichen Programm eingebaut hat...

bat14 · 26.08.2007

so. ich hab jetzt mal mit dreamweaver angefangen:

<body>

<img style="position:absolute; left: 2px; top: 14px; overflow: visible;" src="image308.png" />

<img style="position:absolute; left: 0px; top: 0px;" src="image294.png" width="1071" height="764" />

</body>

Das untere Bild ist sozusagen die Maske der HP, also ein Bild, dass sich über die ganze Seite erstreckt. Dazu muss es in der absolute-position stehen (? Nur dann kann ich es frei im Dreamweaver-Fenster bewegen). Wenn ich es auf background-image setze, ist oben und links immer noch ein kleiner weißer rand.

Das obere Bild ist deutlich kleiner, befindet sich aber immer im Hintergrund. Wei krige ich das in den Vordergrund?

MR.Q · 27.08.2007

Probier mal die css Eigenschaft z-index.

bat14 · 27.08.2007

danke. kannst du mir auch sagen, wie das dann aussieht?
sonst guck ich selber... weiß aber nicht, ob ich fündig werde

bat14 · 28.08.2007

ja. danke. ich habs

bat14 · 28.08.2007

so. ich mach dann mal weiter... (bin fleißig am mitlernen

jetzt hab ich eine große grafik. ich möchte auf verschiedenen stellen dieser grafik links plazieren.
im publisher hab ich dazu ein viereck ohne rand und füllung genommen, ergo unsichtbar. Und das Bild hab ich dann verlinkt. Wie geht sowas mit CSS oder dem Dreamweaver?

Danke

futtlui · 28.08.2007

genauso.
Die Technik ansich nennt man Image-Maps (die Beschreibung bei selfhtml kann da auch nie schaden).
Bei Dreamweaver klickst Du einfach auf das Bild und verwendest dann einen der drei Buttons links unten im Eigenschaften-Dialog für rechteckige, ovale oder mehreckige Hotspots.
Hat in FP wenn ich mich richtig erinnere ganz ähnlich ausgesehen, oder?

bat14 · 29.08.2007

ok. so weit war ich schon, aber dann ist um das kästchen ein blauer Rand... Wie krieg ich den Weg?

bat14 · 29.08.2007

ah.
super ich habs.

sorry... mods... ich hab im eifer den

-Button übersehen...

sebhoff · 29.08.2007

ohne jetzt genau nachzuschaun tipp ich mal auf:

border=0
oder border=no

bat14 · 29.08.2007

ja
border-style:none;

bat14 · 30.08.2007

so. ich bin jetzt fast fertig mit der seite, aber wenn ich die seite als vorschau anzeige, ist sie immer noch ein bisschen größer, als das firefox-fenster. ich benutze die auflösung 1024x768.

Wie kann man im Dreamweaver die Auflösung verkleinern?

Dreamweaver Browserkompatibilität Probleme

bat14

futtlui

bat14

futtlui

bat14

MR.Q

bat14

bat14

bat14

futtlui

bat14

bat14

sebhoff

bat14

bat14

Dreamweaver Browserkompatibilität Probleme

ANGEBOTE & SPONSOREN

Neueste Beiträge

Statistik des Forums