• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Anfängerproblem Wie kann ich alles im IE genau wie im Firefox exakt ausrichten???

B

Benutzername

Neues Mitglied
Hallo

Ich versuche nun schon im Grunde genommen seit Jahren
meine Seiten im Internetexplorer und im Firefox gleich aussehen
zu lassen aber wie ihr auf meiner Testseite Fehlerseite sehen
könnt klappt das nicht!
Ich würde gern alles wie es im Firefox auf meiner Seite zu sehen ist
auch im IE ausrichten können so daß es in beiden Browsern gleich
aussieht aber ich schaffe es nicht.
Hat es eventuell mit dem IE Box Bug zu tun???

Könnte mir ein Fachmann aus dem Html.de forum einen Tip geben,
wie ich ohne extremes Fachwissen alles Browserunabhängig ausrichten
kann,da ich keine besonderen Html Kenntnisse habe.

Vielen Dank im vorraus für jede Hilfe!!!

MfG !
Hier der code von meiner Seite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html scrolling="no" scrollbarvisable="no" noresize="noresize">
<head>
<title>Fehlerseite</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta NAME="revisit-after" CONTENT="9 days">
<meta NAME="description" CONTENT="">
<meta NAME="keywords" CONTENT="">
<meta NAME="author" CONTENT="">
<meta NAME="robots" CONTENT="ALL">
</head>
<body text="#000000" bgcolor="#FF8000" link="#FF8000" alink="#FF8000" vlink="#FF8000" scroll="NO" scrolling="no" scrollbarvisable="no">
<style type="text/css">
<!--
body {overflow-y: Hidden}
-->
</style>
<style type="text/css">
<!--
body {overflow-x: Hidden}
-->
</style>


<span style="position: absolute; left:5.8%;top: 0.9%; width:100%; height:95%">
<img src="Ueberschrift.jpg">
</span>
<span style="position: absolute; left:23%; right: 11.2%; bottom: %; top: 24.9% ;width:72.4%; height:75.6%">
<iframe src="http://www.ebay.de" name="fensterlein" width="96.9%" height="93.5%" scrolling="no" scrollbarvisable="no" noresize="noresize" class="layer1">
</iframe>
</span>
<span style="position: absolute; left:0.1%; top: 2.9%; width:100%; height:100%">
<div>
<span style="position: absolute; left:5.7%; top: 19.5%; width:100%; height:100%">
<a href="http://www.bild.de" target="fensterlein"><p style="cursor: crosshair;">
<img src="Taste1.jpg" width="177" height="47" hspace="0" vspace="0" border="0"></p></a></span><br>

<span style="position: absolute; left:5.7%; top: 26.9%; width:100%; height:100%">
<a href="http://www.google.de" target="fensterlein"><p style="cursor: crosshair;">
<img src="Taste2.jpg" width="177" height="47" hspace="0" vspace="0" border="0"></p></a></span><br>

<span style="position: absolute; left:5.7%; top: 33.9%; width:100%; height:100%">
<a href="http://www.bild.de" target="fensterlein"><p style="cursor: crosshair;">
<img src="Taste3.jpg" width="177" height="47" hspace="0" vspace="0" border="0"></p></a></span><br>

<span style="position: absolute; left:5.7%; top: 40.9%; width:100%; height:111%">
<a href="http://www.google.de" target="fensterlein"><p style="cursor: crosshair;">
<img src="Taste4.jpg" width="177" height="47" hspace="0" vspace="0" border="0"></p></a></span><br>

<span style="position: absolute; left:5.7%; top: 47.9%; width:100%; height:100%">
<a href="http://www.yahoo.de" target="fensterlein"><p style="cursor : crosshair">
<img src="Taste5.jpg" width="177" height="47" hspace="0" vspace="0" border="0"></p></a></span><br>

<span style="position: absolute; left:5.7%; top: 54.9%; width:100%; height:100%">
<a href="http://www.ebay.de" target="fensterlein"><p style="cursor: crosshair;">
<img src="Taste6.jpg" width="177" height="47" hspace="0" vspace="0" border="0"></p></a></span><br>
<span style="position: absolute; left:5.7%; top: 61.9%; width:100%; height:100%">
<a href="http://www.yahoo.de" target="fensterlein"><p style="cursor : crosshair">
<img src="Taste7.jpg" width="177" height="47" hspace="0" vspace="0" border="0"></p></a></span><br>

<span style="position: absolute; left:5.7%; top: 68.9%; width:100%; height:100%">
<a href="http://www.google.de" target="fensterlein"><p style="cursor : crosshair">
<img src="Taste8.jpg" width="177" height="47" hspace="0" vspace="0" border="0"></p></a></span><br>

<span style="position: absolute; left:5.7%; top: 75.9%; width:100%; height:100%">
<a href="http://www.yahoo.de" target="fensterlein"><p style="cursor : crosshair">
<img src="Taste9.jpg" width="177" height="47" hspace="0" vspace="0" border="0"></p></a></span><br>

<span style="position: absolute; left:5.7%; top: 82.9%; width:100%; height:100%">
<a href="http://www.google.de" target="fensterlein"><p style="cursor : crosshair">
<img src="Taste10.jpg" width="177" height="46" hspace="0" vspace="0" border="0"></p></a></span><br>

</div>
</span>


</body>
</html>
 
Werbung:
Als erstes würde ich bzw ist eigentlich auch die Vorraussetzung hierfür, dass du all deine classes und id`s in eine CSS Datei packst.

Diese wird dann von allen Browsern ausgelesen.

Nun kannst du mit folgendem Befehl im <head> Bereich sagen, wenn du ein IE bist, dann nutze diese CSS Datei.
Code: 
<!--[if lte IE 7]>
<link href="dein_css_pfad" rel="stylesheet" type="text/css" />
<![endif]-->
 
Grundvoraussetzung ist ein qualifizierter Doctype, damit auch der IE das CSS-boxmodell korrekt darstellen kann.
Verwende also diesen:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

Danach validiere mal deine Seiten: Der style-Tag darf z.b. nicht innerhalb von body stehen. Alle Style-angaben am besten in eine ausgelagerte CSS-Datei packen.

Probleme könnten auch deine vielen absoluten Positionierungen ergeben.
Die sind meist "absolut" überflüssig, weil man das viel besser mit float und margin regeln kann.

Innerhalb <a> darf kein <p> vorkommen.

Das sind mal so einige Dinge, die mir spontan aufgefallen sind, ohne näher in den Code einzusteigen.
 
Werbung:
Vielen Dank,für die Tips!

Hallo

Vielen Dank,für die Tips!
Ich werde alles ausprobieren und dann hier posten obs geklappt hat!!!


Danke!

MfG
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben