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

Verschiedene browser, verschiedene Darstellungen. Was tun?

Status
Für weitere Antworten geschlossen.
A

axelspringer23

Neues Mitglied
Hallo,

bin ein html-Anfänger und bastle mir gerade zum ersten Mal eine homepage. Eigentlich war ich mit meinen ersten Ergebnissen ganz zufrieden. Zumindest beim Betrachten mit meinem Standardbrowser firefox. Als ich mir dann mal die darstellung im IE6 angesehen habe musste ich eine unangenehme Überraschung erleben :sad:. Ich habe mal jeweils einen screenshot angehängt und hoffe auf Eure Hilfe. Quelltext unter www.dennisbuehler.de oder auch im Anhang. An was liegt das dass ich im IE so einen eklig fetten Rand habe?

Würde mich freuen.

Gruß

Dennis
 

Anhänge

  • Bildschirmfoto.jpg
    Bildschirmfoto.jpg
    5,5 KB · Aufrufe: 14
  • Bildschirmfoto-1.jpg
    Bildschirmfoto-1.jpg
    4,8 KB · Aufrufe: 12
  • index.txt
    index.txt
    7,6 KB · Aufrufe: 4
Danke für die schnelle Antwort aber jetzt sieht es so aus (siehe Anhang). Werde bald verrückt ;-). Unter Firefox weiterhin alles bestens.

Dennis
 

Anhänge

  • Bildschirmfoto.jpg
    Bildschirmfoto.jpg
    10,8 KB · Aufrufe: 9
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>


<link rel="shortcut icon" href="img/Icon.ico" type="image/x-icon" />
<title>www.dennisbuehler.de</title>
  <meta name="GENERATOR" content="Quanta Plus">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <STYLE type=text/css>
A { TEXT-DECORATION: none }
</STYLE>
</head>
<body background="img/0815.gif" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">

<table border="1px" [B]rules="all" Rules ? Ist das neu ? kenn ich nicht ...[/B]
align="center" style="background-color : #bbc06d; background-position : center; vertical-align : middle; width : 600px; height : 100%;
">




  <tbody>
    <tr><br>[B]<a href="mailto:[email protected]?subject=Info/Kontakt"> Das ist kein korrekter Linktag[/B]
      <th colspan="2" style="background-image : url('img/tatra.gif'); font-family : 'Impact'; font-size : 13px; font-style : normal; font-variant : inherit; font-weight : 300; height : 95px; letter-spacing : 0px; padding-left : 10px; padding-top : 4px ;padding-right : 10px; text-align : right; vertical-align : top; word-spacing : 1px;">www.dennisbuehler.de</th></a>
    </tr>
    <tr>

	<td style="font-family : 'Impact'; font-size : 13px; font-style : normal; font-variant : inherit; font-weight : 300; height : 300px; letter-spacing : 0px; padding-left : 10px; padding-top 10px : ; text-align : left; vertical-align : top; width : 25%; word-spacing : 2px;" ><BR>



	<a href="page1.html">&nbsp;&raquo;&nbsp;Ubuntu/GNU/Linux</a><br>
	<a href="page1.html">&nbsp;&raquo;&nbsp;Studium</a><br>
	<a href="page1.html">&nbsp;&raquo;&nbsp;Berlin</a><br>
	<a href="page1.html">&nbsp;&raquo;&nbsp;Kempten</a><br>
	<a href="page1.html">&nbsp;&raquo;&nbsp;Kontakt</a>
</p>
<BR><BR>

<DIV align="justify" style="font-family : Verdana; font-size : 9px; font-variant : normal; letter-spacing : 0px; padding-left : 2px; padding-right : 2px; position : static; text-align : left;">[B]<a href="mailto:[email protected]">wie der vorige Link ...[/B] »&nbsp;25.07.2006<BR><p>
Student sucht Minijob auf 400 Euro Basis im Raum Berlin Ost (A/B). Auch gerne kurzfristig. Bin zeitlich flexibel, belastbar und zuverl&auml;ssig. Bei Interesse bitte einfach diesen Textzeilen anklicken und eine kurze email schreiben. R&uuml;ckmeldung auf jeden Fall innerhalb 24 Stunden garantiert.</a></p></DIV>
</td>

	<td style="font-family : Verdana, Arial, Impact,; font-size : 9px; font-style : inherit; font-variant : normal; font-weight : normal; height : 300px; letter-spacing : 0px; padding-bottom : 10px; padding-left : 10px; padding-right : 10px; padding-top : 4px; text-align : left; vertical-align : top; width : 75%; word-spacing : 0px;" >
Sie sind auf einer privaten homepage gelandet. Diese Seite hat kein bestimmtes Ziel und wird nur aus Freude am Lernen betrieben.<BR><BR>
-online seit dem 25.07.2006 14:24<BR>
-letztes update 29.07.2006 20:09<BR>
-optimiert für<a href="http://www.mozilla-europe.org/de/" target="_blank" style="color : #ff3300";> Mozilla Firefox</a>

<BR><BR>
<script type="text/javascript">
if(navigator.javaEnabled());
{document.write("In Ihrem Browser ist Java aktiviert!"); }
document.write(navigator.userAgent);
document.write(navigator.platform);
</script>
<BR><BR>
<DIV align="center">
<IMG src="img/pumpe.gif" width="388" height="227" align="middle" border="1">
<P>(Pumpe-Kreuzberg)</P></DIV>

<DIV style="font-family : 'Impact'; font-size : 13px; font-style : normal; font-variant : inherit; font-weight : 300;  letter-spacing : 0px; padding-left : 10px; padding-top 4px : ; text-align : left; vertical-align : top; word-spacing : 2px;" >
<a href="page1.html">&nbsp;&raquo;&nbsp;Ubuntu/GNU/Linux</a></DIV>

<DIV style="font-family : Verdana; font-size : 9px; font-style : inherit; font-variant : normal; font-weight : normal;  letter-spacing : 0px; padding-bottom : 10px; padding-left : 10px; padding-right : 10px; padding-top : 4px; text-align : left; vertical-align : top;  word-spacing : 0px;" >Hier soll es vorrangig um
<a href="http://de.wikipedia.org/wiki/Ubuntu" target="_blank" style="color : #ff3300;">Ubuntu</a>

 gehen. Da ich auch einen Beitrag zur sagenhaften Arbeit der Community leisten möchte, habe ich mich entschieden bei

<a href="http://forum.ubuntuusers.de/" target="_blank" style="color:#ff3300;">ubuntuusers.de</a>

ein oder mehrere Wikis zu erstellen die dann parallel hier zur Verfügung stehen werden.</DIV>

<p>
<DIV style="font-family : 'Impact'; font-size : 13px; font-style : normal; font-variant : inherit; font-weight : 300;  letter-spacing : 0px; padding-left : 10px; padding-top 4px : ; text-align : left; vertical-align : top; word-spacing : 2px;" >
<a href="page1.html">&nbsp;&raquo;&nbsp;Studium</a></DIV></p>

<DIV style="font-family : Verdana; font-size : 9px; font-style : inherit; font-variant : normal; font-weight : normal;  letter-spacing : 0px; padding-bottom : 10px; padding-left : 10px; padding-right : 10px; padding-top : 4px; text-align : left; vertical-align : top;  word-spacing : 0px;" >
Tja, wie der Name schon sagt. Thema Studium. Ab Oktober werde ich mit etwas Glück an der
<a href="http://www.fhtw-berlin.de/" target="_blank" style="color : #ff3300;">
FHTW Berlin </a>

den Studiengang "Bauingenieurswesen" besuchen. Für Interessierte wird dann hier eine stark fachgebundene link-Sammlung entstehen</DIV>

<p>
<DIV style="font-family : 'Impact'; font-size : 13px; font-style : normal; font-variant : inherit; font-weight : 300;  letter-spacing : 0px; padding-left : 10px; padding-top 4px : ; text-align : left; vertical-align : top; word-spacing : 2px;" >
<a href="page1.html">&nbsp;&raquo;&nbsp;Berlin</a></DIV></p>

<DIV style="font-family : Verdana; font-size : 9px; font-style : inherit; font-variant : normal; font-weight : normal;  letter-spacing : 0px; padding-bottom : 10px; padding-left : 10px; padding-right : 10px; padding-top : 4px; text-align : left; vertical-align : top;  word-spacing : 0px;" >

Im Laufe meines mittlerweile mehr als dreijährigen Lebens in <a href="http://www.berlin.de/" target="_blank" style="color : #ff3300;">
Berlin
</a>
sind einige Aufnahmen entstanden die ich hier zeigen möchte.</DIV>

<p>
<DIV style="font-family : 'Impact'; font-size : 13px; font-style : normal; font-variant : inherit; font-weight : 300;  letter-spacing : 0px; padding-left : 10px; padding-top 4px : ; text-align : left; vertical-align : top; word-spacing : 2px;" >
<a href="page1.html">&nbsp;&raquo;&nbsp;Kempten</a></DIV></p>

<DIV style="font-family : Verdana; font-size : 9px; font-style : inherit; font-variant : normal; font-weight : normal;  letter-spacing : 0px; padding-bottom : 10px; padding-left : 10px; padding-right : 10px; padding-top : 4px; text-align : left; vertical-align : top;  word-spacing : 0px;" >
Hier dreht sich alles um meine Heimatstadt
<a href="http://www.kempten.de/" target="_blank" style="color : #ff3300;"> Kempten </a>
im
<a href="http://www.allgaeu.info/index.shtml" target="_blank" style="color : #ff3300;">Allgäu </a>

und was dort so alles los ist. </DIV>

<p>
<DIV style="font-family : 'Impact'; font-size : 13px; font-style : normal; font-variant : inherit; font-weight : 300;  letter-spacing : 0px; padding-left : 10px; padding-top 4px : ; text-align : left; vertical-align : top; word-spacing : 2px;" >
<a href="page1.html">&nbsp;&raquo;&nbsp;Kontakt</a></DIV></p>

<DIV style="font-family : Verdana; font-size : 9px; font-style : inherit; font-variant : normal; font-weight : normal;  letter-spacing : 0px; padding-bottom : 10px; padding-left : 10px; padding-right : 10px; padding-top : 4px; text-align : left; vertical-align : top;  word-spacing : 0px;" >
Wer mit mir Kontakt aufnehmen möchte findet hier alle notwendigen Angaben</DIV>

</td>
    </tr>
  </tbody>
</table>

</body>
</html>
Hab ab nem Viertel keinen Bock mehr zum weitermachen gehabt ...
also, ich weiß nicht wo der Fehler liegt aber:
1. benutze externe Stylesheets, dadurch wird das ganze übersichtlicher und du kannst nacher Fehler auch besser finden.
2.mach das ganze doch nicht so umständlich ! 3 Divs und noch ein paar für die Links wären 1. übersichtlicher und 2. schneller zu coden und 3. schneller zu laden ...
so kann ich dir leider nicht weiterhelfen, tut mir Leid ....
 
Genial. Das war was mir gefehlt hat. Vielen Dank.

Vielleicht denkt ja Lukatsch über seine letzte schlaue Antwort noch mal nach. Na ja , er ist ja noch jung.

Gruß

Dennis
 
yo, ich hab nochmal darüber nachgedacht ...
stimmt alles, was ich gesagt habe ...
Und das ich jung bin^^ mein Alter: hier sind auch 12 Jährige im Forum unterwegs
....
Außerdem hat Können ja nichts mit dem Alter zu tun ;-)
is ja egal ....
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben