Homepage für IE und Netscape

  • #1
E

Ernesto

Guest
Hallo Deutschland,

gibt es eigentlich einen besonderen Kniff, damit eine Homepage auf dem IE (in dem Fall IE6) und Netscape gleich dargestellt werden?

Ich erstelle auf meinen Homepages Tabellen in die ich meinen Text, Bilder etc. setze. Auf dem IE6 sieht alles sehr gut aus, auf dem Netscape (in dem Falle 6.1) ist alles total verzerrt, langezogen und unansehlich. An Opera oder sonstiges will ich gar nicht denken, geschweige denn ausprobieren.

Danke für Tipps vorab

Grüsse aus Teneriffa
 
  • #2
Hi

Poste mal HTML Code, dann kann man eher sagen was du falsch machst.
Zu 90% kriegt man es eigentlich ohne großen Aufwand hin.

Gruß, Michael
 
  • #3
Hallo Michael,
danke für Deine prompte Antwort. Habe so schnell damit gar nicht gerechnet und mittleriwele war noch ne Freundin da. :-[

Den HTML Code der ganzen Seite zu posten ist aber ein ganz schöner Hammer. Nicht wegen Geheimnissen oder so, sondern wegen der Menge. Habe die Seite jetzt einfach mal online gestellt unter

Die Seite ist natürlich nur im Anfangsstadium, angegebene Links sind teilweise noch gar nicht vorgenommen und ähnliches.

Hauptsächlich ging es mir jetzt ums Outfit, wie ich diese Homepage gerne gestalten würde.

Im IE6 lässt sie sich gut betrachten von Auflösungen 800x600 über 1024x768 bis 1152x864.

Jetzt habe ich nur nicht kontrolliert, ob man den Code auch sieht, da ich mit Frames arbeite. Shit. Schau ich noch...

Danke schon mal und Grüsse aus Teneriffa
 
  • #4
Hab's kontrolliert. War klar,d ass man nicht soviel sieht. Lässt sich aber umgehen, indem man den eigentlich wichtigen Teil lädt, nämlich

Irgendeinen besonderen Kniff muss es doch da geben, dass andere Ihre Homepages sauber in allen Browsern darstellen können.......
 
  • #5
Hi

Du arbeitest falsch mit den Tabellen.
Die Fehler kommen durch die vielen verbundenen Zellen.

Ich hab das mal so überarbeitet:
Eine Grundtabelle mit 3 Spalten und 2 Zeilen.
In die erste Zeile kann dann das Bild links.
In die linke Spalte kommt das Menü, die 2. ist der Platzhalter und in die rechte kommt der Inhalt.
Das Menü besteht dann wieder aus einer Tabelle sowie die drei Spalten für den Inhalt.
Jede Spalte des Inhalts hat wieder eine Tabelle in sich.

Sieht dann so aus und sollte überall funktionieren:
Code:
<html> 
<head> 
<title>Volker Heiser</title> 
<meta name=generator content=Namo WebEditor v3.0><style type=text/css><!-- 
 
a:link { text-decoration:none; font-weight:bold; color:#E00000; } 
 
a:visited { text-decoration:none; font-weight:bold; color:#800000; } 
 
a:hover { text-decoration:none; font-weight:bold; background-color:#FFEC90; } 
 
a:active { text-decoration:none; font-weight:bold; background-color:#CC0000; } 
 
--></style> 
<script language=JavaScript><!-- 
 
function namosw_goto_byselect(sel, targetstr) 
 
{ 
 
 var index = sel.selectedIndex; 
 
 if (sel.options[index].value != null) { 
 
   if (targetstr == 'blank') { 
 
    window.open(sel.options[index].value, 'remote'); 
 
   } else { 
 
    var frameobj = eval(targetstr); 
 
    frameobj.location = sel.options[index].value; 
 
   } 
 
 } 
 
} 
 
 
 
//--> 
</script> 
</head> 
<body bgcolor=#ffec90 text=black link=blue vlink=blue alink=red> 
<div align=center> 
<table border=0 cellpadding=0 cellspacing=0 style=font-family: Verdana; font-size: 8pt; color: rgb(0,0,102); width=90%> 
<tr> 
<td width=167><img src=Glas.gif width=80 height=50 border=0></td> 
<td width=24></td> 
<td></td> 
</tr> 
<tr> 
<td valign=top> 
<table cellpadding=2 cellspacing=2 border=0 width=100% style=font-family: Verdana; font-size: 8pt; color: rgb(0,0,102);> 
<tr> 
<td bgcolor=#fffcd1><a href=frame1.htm>Übersicht</a></td> 
</tr> 
<tr> 
<td bgcolor=#fffcd1><a href=TF-Satellit.htm>Satellitenaufname</a></td> 
</tr> 
<tr> 
<td bgcolor=#fffcd1><a href=[url]http://www.arona.org/turismo/camara/meteo.htm[/url] target=_blank>Aktuelles Wetter</a></td> 
</tr> 
<tr> 
<td bgcolor=#fffcd1><a href=[url]http://www.canarias24.com/teidecam[/url] target=_blank>Teide Webcam</a></td> 
</tr> 
<tr> 
<td bgcolor=#fffcd1><a href=[url]http://www.volkerheiser.com/tenerife/deutsch>Gewinnspiel</a></td>[/url] 
</tr> 
<tr> 
<td bgcolor=#fffcd1><br></td> 
</tr> 
<tr> 
<td bgcolor=#fffcd1><br></td> 
</tr> 
<tr> 
<td bgcolor=#fffcd1><br></td> 
</tr> 
<tr> 
<td bgcolor=#fffcd1><br></td> 
</tr> 
<tr> 
<td bgcolor=#fffcd1><br></td> 
</tr> 
<tr> 
<td bgcolor=#fffcd1><br></td> 
</tr> 
<tr> 
<td bgcolor=#fffcd1><br></td> 
</tr> 
</table> 
<img src=teneriffa.jpg width=167 height=167 border=0> 
<form name=form method=get> 
<p align=center> 
<select onchange=namosw_goto_byselect(this, 'self')> 
<option selected= value=frame1.html>Teneriffa Start</option> 
<option value=Klima.htm>Teneriffa Wetter</option> 
</select></p> 
</form> 
 
</td> 
<td></td> 
<td valign=top> 
<table cellpadding=0 cellspacing=10 border=0 width=100%> 
<colgroup span=3 width=33%></colgroup>
<tr> 
<td valign=top>
<table cellpadding=2 cellspacing=0 border=0 width=100% style=font-family: Verdana; font-size: 8pt; color: rgb(0,0,102);> 
<tr> 
<td bgcolor=#990033> 
<font size=2 color=#ffec90> 
<b>Jetzt mitmachen beim Teneriffa Gewinnspiel</b></font> 
</td> 
</tr> 
<tr> 
<td> 
Sie wissen über Teneriffa ein bißchen Bescheid? Na, dann los! 6 Fragen beantworten und 
eine Woche in einer 5 Sterne Luxusferienanlagen auf Teneriffa 
gewinnen. Für bis zu 6 Personen, da kann dann die ganze Familie 
mit <a href=[url]http://www.volkerheiser.com/tenerife/deutsch>mehr>></a>[/url] 
</td> 
</tr> 
<tr> 
<td bgcolor=#990033> 
<font size=2 color=#ffec90> 
<b>Urlaub 
auf Teneriffa zu dieser Jahreszeit?</b></font> 
</td> 
</tr> 
<tr> 
<td> 
Sie möchten vor grauem Schmuddelwetter ausweichen, aber nicht vom Regen in die Traufe kommen? 
Auf Teneriffa herrscht ganzjährig Badewetter. Eine Schönwetter-Garantie gibt es zwar auch hier nicht, aber die Chancen stehen gut. <a href=Klima.htm>mehr >></a> 
</td> 
</tr> 
<tr> 
<td bgcolor=#990033> 
<font size=2 color=#ffec90> 
<b>Sonne, Stand und Meer sind mir zu wenig.</b></font></td> 
</tr> 
<tr> 
<td> 
Sie möchten im Urlaub auch Land und Leute kennenlernen? Na, dann los. Am besten individuell mit dem eigenen Mietwagen <a href=Mietwagen.htm>mehr>></a> 
</td> 
</tr> 
</table> 
</td> 
 
<td valign=top> 
<table cellpadding=2 cellspacing=0 border=0 width=100% style=font-family: Verdana; font-size: 8pt; color: rgb(0,0,102);> 
<tr> 
<td><img src=TF-Teide-2.jpg width=188 height=150 border=0></td> 
</tr> 
<tr> 
<td> 
<font color=#990033>Hier kann man 
auch mal die   Seele baumeln lassen.</font> 
</td> 
</tr> 
<tr> 
<td bgcolor=#990033> 
<font size=2 color=#ffec90> 
<b>Sie meinen, Teneriffa sei zwar eine Reise wert...</b></font> 
</td> 
</tr> 
<tr> 
<td> 
..aber nicht zu bezahlen. Na dann sollten Sie sich mal auf unserer Link-Seite umschauen. Flugtickets (Hin und Zurück) gab es 2002 bereits für 99,- ?. Neugierig geworden?    
<a href=Fluglinks.htm>mehr>></a> 
</td> 
</tr> 
</table> 
</td> 
 
<td valign=top> 
<table cellpadding=2 cellspacing=0 border=0 width=100% style=font-family: Verdana; font-size: 8pt; color: rgb(0,0,102);> 
<tr> 
<td bgcolor=#990033> 
<font size=2 color=#ffec90> 
<b>Reif für die Insel? Tanken Sie Ruhe und Kraft...</b></font> 
</td> 
</tr> 
<tr> 
<td> 
Teneriffa ist ein kleiner Kontinet. Aber nicht nur klimatisch bietet diese Insel alles, was das Herz  begehrt, auch jedes Freizeitvergmügen wird bedient. Sonne Strand und Meer, Einsamkeit 
und Ruhe. Und Nachts natürlich Party ohne  Ende. Sammeln Sie doch ein paar 
Eindrücke       
<a href=Fotos.htm>mehr>></a> 
</td> 
</tr> 
<tr> 
<td><img src=TF-Masca-2.jpg width=171 height=136 border=0></td> 
</tr> 
</table>

</td>
</tr>
</table> 
 
</td> 
</tr> 
 
</table> 
</div> 
<p></p> 
<br> 
</body> 
</html>

Gruß, Michael
 
  • #6
Hallo Michael,

dachte eigentlich ich sei einer der letzten Uhu's, die Nachts noch ganz aktiv sind. Nachdem ich gestern die Seiten mal hochgeladen hatte, habe ich selbst noch bis 3.00 Uhr (=4.00 Uhr deutsche Zeit) rumgebastelt. Explizit jede Zeilenhöhe angegeben und so weiter... Hat Netscape aber auch nicht interessiert.

Jetzt lasse ich mir gerade mal ausdrucken, was Du gepostet hast und werde die Unterschiede raussuchen und umsetzen.

Danke vorab, ich lass es Dich sofort wissen, wenn ich das ganze korrigiert habe.

Gruss aus Teneriffa
 
  • #7
Hallo Michael,
eine Frage brennt mir schon lange auf den Nägeln. Die Lösung hierfür wäre für mich das Non Plus Ultra. Öffnet man eine professionelle Seite, wie beispielsweise , dann sieht die in jeder Auflösung gut aus. Das heisst, sie passt sich an. Habe in der vergangenen Nacht auch mal versucht hinter das Geheimnis zu kommen. Erfolglos natürlich.

Also sind meine Homepages immer starr, die der Bahn aber passen sich bildschirmfüllend immer der Auflösung an und sehen demnach immer gut aus. Es ändert sich einfach der Zeilenumbruch und die Spaltenbreite. Horizontal muss also nie gescrollt werden.

Ich kann wohl davon ausgehen, dass man für solch eine Lösung nicht nur zwei Zeilen Code im Header unterbringen muss!? Weil ich abér bei selfhtml und ähnlichem erst gar nicht die Suchanfrage zu diesem Problem formulieren kann, frage ich Dich. Wenn's den Rahmen nicht sprengt, wäre eine Antwort natürlich super.

8) Grüsse aus Teneriffa
 
  • #8
::) Hallo Michael,

habe Deinen HTML Code einfach mal kopiert und auf eine neue Testseite hochgeladen. Steht jetzt unter .

Ehrlich gesagt sieht das Ganze unter Netscape immer noch sehr ähnlich aus. Also immer noch verzerrt, in die Länge gezogen und hat mit der Darstellung im IE6 wenig zu tun.

Werde zukünftig aber Deinen Rat befolgen und die Tabellen anders gestalten.

Denkst Du es hätte einen Sinn anstatt mit Tabellen mit Layern zu arbeiten?

Sonnige Grüsse
 
  • #9
Hi

Das ist nicht mein HTML Code :)
Den hat den Editor anscheinend schon wieder zerwurschtelt.
Kopier ihn mal per Notepad in die Seite rein.
Der Fehler ist, dass er um jede Sache ein <p align=left></p> setzt. Das hat aber laut HTML abstand noch oben und nach unten.
Sonst schreib in deinen Style bereich oben mal noch folgendes rein:
p {margin: 0px;}


Das mit relativer Größe ist bei deiner Seite auch ganz einfach. Kommt gleich.

Gruß, Michael
 
  • #10
Asche über mein Haupt :(

Habe Deinen Code eingefügt, realisiert, dass alles zentriert ist und dann locker vom Hocker alles wieder linksbündig gesetzt.

Kopiere jetzt sofort Deinen Code ohne jede Änderung in Test1.htm

Sorry, sorry.....
 
  • #11
So, jetzt steht Dein Code unverändert (!?) unter

Habe extra dieses Mal gar nicht drin rumgepfuscht, deshalb sind die Grafiken jetzt auch nicht vorhanden.

Könnte es sein, wenn ich die Zeilenhöhe jetzt noch explizit eingebe, dass dann dieser Unterschied in der Darstellung noch behoben wird?

Dass die Darstellung jetzt schon um ein Vielfaches besser ist, sieht ein Blinder mit nem Krückstock, wenn er lädt und dann auf Test1 klickt....

Bin also schon sehr viel weiter durch Deine Hilfe. Danke.
 
  • #12
HEUREKA !!!!!!!!!!!!!!!!!!!!!!!

Konnte das Fummeln natürlich auch nicht lassen und habe Test2.htm hochgeladen. Darin zwei Dinge an Deinem Code verändert:

a.) Die komplette Tabelle linksbündig eingestellt - weiss der Geier, ob das was bringt (In Netscape war alles linksbündig, aber im IE6 war alles zentriert)

b.) Deinen Tipp befolgt.....

Sonst schreib in deinen Style bereich oben mal noch folgendes rein:
p {margin: 0px;}

und wenn man jetzt unter Netscape lädt und Test2 anklickt, sieht man genau das, was ich mir erträumt habe.

Danke!!!!!!!!!!!!!!!!!!!! :D :D :D

Dass es doch nur so ein winziger Eintrag im Style Bereich ist, ist natürlich phänomenal. :p Was heisst denn dieser Eintrag übersetzt?

Schicke Dir 10 kg Sonne und 5 Liter Meerwasser....... :p
 
  • #13
Hallo Michael,

Du bist der Größte! Jetzt habe ich natürlich frame1, die Ursprungsseite, im Stylebereich ebenfalls um den Eintrag
p {margin: 0px;} ergänzt.

Hochgeladen :)
Mit IE6 betrachtet :D
Mit Netscape betrachtet ;D ;D ;D ;D

und alles sieht so aus, wie gewollt. Was für ein Zaubercode ist das?

Und jetzt werde ich unverschämt, sorry - ich weiss: Gibt es was ähnliches um die bahn.de Geschichte, die ich heute Nacht gepostet habe, auch zu realisieren? Du kannst die Frage gerne rein rethorisch betrachten, denn mit Deiner Hilfe bin ich enorm viel weiter....

Grüsse aus Teneriffa
 
  • #14
Hi

Also, deine Homepage nun relativ :)
Code hab ich in dem oberen Posting geändert, wollte nicht nochmal alles posten.

Du musst nur die Breite der Tabellen und Spalten in % angeben.
Bei meinem Beispiel ist das dann folgendermaßen:
- die Grundtabelle ist ja zentriert und 90% breit, damit die Seite nicht bis ganz an die Ränder geht
- das Menü und der Abstand haben weiterhin eine feste Breite
- die Tabelle im Inhalt die die 3 Saplten aufnimmt ist dann wieder 100% breit und jede Spalte 33%. Das wars schon.

Zu den hohen Zeilenabständen im Netscape
Mein Code:
<td bgcolor=#fffcd1><a href=frame1.htm>Übersicht</a></td>
Dein Code von Test war:
<td bgcolor=#fffcd1><p><a href=frame1.htm>Übersicht</a></td>

Also irgendwie hatte dein Editor da doch was reingefummelt, denn ohne das <p> ist alles Links ohne Abstände nach oben oder unten.
Das p {margin: 0px;} im Stylesheet bewirkt halt, das der Absatz (gekennzeichnet durch <p></p>), der normalerweise einen Abstand nach oben und unten hat, auf 0px gesetzt wird.
Übrigens, Netscape hat deine Seite als einziger richtig dargestellt, der IE und Opera waren da falsch :eek:

Der Code oben funktioniert nun in allen mir bekannten Browsern gleich. Wie du siehst sind es oft nur Kleinigkeiten.

Gruß, Michael
 
  • #15
Hallo Michael,
zuerst muss ich Namo in Schutz nehmen. Der hat eher nicht im Code rumgefummelt, das war dann wohl ich selbst. Sehr wahrscheinlich.

Du meinst, meine HP ist nun relativ :) Technisch unsauber, oder einfach vom Geschmack her? Mit dem Geschmack könnt ich gut leben, da gibt's nun mal unterschiedliche.

Weil diese Homepage aber wahrscheinlich sehr umfangreich wird (20-30 Seiten) würde ich technischen Müll, soweit vermeidbar, lieber von vorneherein ausschließen.

Übrigens hatte ich auf einer Seite mal COUNT24 installiert, das eine wahnsinns umfangreiche Statistik über die Besucher der Seite ausgibt. Weit über 90% haben laut dieser Statistik den IE eingesetzt. Ich persönlich finde die Ladezeiten des Netscape einfach inakzeptabel. Daher kommt er für mich nur zu Testzwecken in Frage.

Mein Bahn.de Anliegen würde ich also damit realisieren, die Grundtabelle auf 90% zwecks der Ränder einzustellen, die innere Tabelle dabei ebenfalls in Prozent anzugeben, sodass sie flexibel wird. Im Gegensatz dazu hatte ich seither feste Werte in Pixel für die Breite eingegeben. Eine feste Zeilenhöhe zu vergeben wird aber wahrscheinlich kein Fehler sein.

Jedenfalls bin ich Dir ziemlich dankbar, denn egal wie zufriedenstellend das IE Ergebnis war, es war eben nicht perfekt. Was mich angeht, könnte der ADMIN ein Häkchen an dieses Thema setzen.

;D ;D ;D Grüsse aus Teneriffa

P.s: Würde gerne ein Banner/ Button von Wintotal mit unterbringen. Habe diese zwar gefunden, aber wo steht der Code?
 
  • #16
Hi

Das ist wohl ein missverständnis, damit meinte ich meinen Code der deine HP relativ in der Größe, also variabel macht 8)

Zu dem Banner, würde mal sagen einfach die Grafik runterladen und irgendwo einfügen.

Gruß, Michael
 
  • #17
Hi Leute,

bräuchte mal bitte dringend eure Hilfe. Wenn ich die SD-Karte ins Fächchen geschoben habe ist seither so ein Block aufgegangen:
Automatische Wiedergabe
Da konnte ich dann Bilder importieren anklicken.
Jetzt steht das aber nicht mehr dort. Nur noch Ordner öffnen, um Dateien anzuschauen.
Wie bekomme ich das jetzt wieder hin?
Habe es schon unter Systemsteuerung-Hardware und Sound-Automatische Wiedergabe- versucht.
Da seht auch unter Bilder, Viedeodateien: Bilder und Videos automatisch importieren, doch das lässt sich nicht speichern.

Danke
 
  • #18
 
Thema:

Homepage für IE und Netscape

ANGEBOTE & SPONSOREN

Statistik des Forums

Themen
113.839
Beiträge
707.962
Mitglieder
51.492
Neuestes Mitglied
Janus36
Oben