✔ <p> Firefox ---> Internet Explorer

Status
Nicht offen für weitere Antworten.
W

Willywaffel

Mitglied
Hallo liebe Community,
ich habe grade dieses wunderbare Board gefunden und wollte gleich
mal mein Problem reinstellen:
Mein Problem ist diese Seite... Guckt sie euch bitte an und ihr werdet bemerken
das im Firefox alles so angezeigt wird wie ich will aber im Internet Explorer oben der Text verschoben ist und auch Rechts der Text "Navigation".
Ich schätze das das an dem <p> tag liegt weil er von oben auch eine Zeile Freilässt ist aber auch nur eine Vermutung...
Das die Seite von der Farbgestalltung und alles schlecht aussieht möchte ich bitte nicht hören, denn ich kenn mich erstens noch nicht so gut mit Css/html aus und zweitens möchte
das natürlich alles noch ändern immoment ist mir nur das Layout wichtig der Rest nicht.


Da ich Schüler bin und nur Html in der schule lerne bring ich mir den Rest selber
bei, weil das mein Berufswunsch wäre Webdesigner.
Das nur soo neben bei.
Schonmal dankeschön im Voraus.
Mfg,
Thomas
 
Zuletzt bearbeitet:
Könntest Du bitte den Link überprüfen? Er führt nämlich zu einer 404-Fehlerseite.
 
Ja, Dankeschön mein Fehler
Ich hab immer gedacht das www standart ist...schon mal ein Grund mehr hier reinzuposten...
Aber nun zu meinem Fehler..
Ne Idee´?
 
Zuletzt bearbeitet:
Hier der überarbeitete CSS- und HTML-Code:

Code: 
body {
      background: #8F8F8F;
      font-family: arial,sans-serif;
}

p {
      text-align: center;
      margin: 0;
      padding:5px;   
}

p.left {
      text-align: left;
      padding-left:5px;
}

a:link {
           font-weight:bold; color:blue; text-decoration:none;
}

a:visited {
           font-weight:bold; color:#5F00FF; text-decoration:none;
}

a:focus {
           font-weight:bold; color:red; text-decoration:underline;
}

a:hover {
        font-weight:bold; color:red; text-decoration:none;
}

a:active {
        font-weight:bold; color:lime; text-decoration:underline;
}

#box1 {
        position:absolute; top:0.5%; left:0.5%; width:100.5%; height:10%; z-index:3;
}

#box2 {
        position:absolute; top:11%; left:0.5%; width:10%; height:100.1%; z-index:1;
}

#box3 {
        position:absolute; top:11%; left:11%; width:90%; height:100.1%; z-index:2;
}
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<Title>Meine Homepage</title>
<link rel="stylesheet" type="text/css" href="Stylesheet.css">
<meta name="Author" content="Thomas">
</head>
<body>
<div id="box1" style="border:1px solid #000000;" align="center">
        <p style="font-size:30px;color:red;">Meine eigene Homepage:</p>
</div>
<div id="box2" style="border:1px solid #000000; padding:1px">
        <p style="font-size:20px">Navigation:</p>
   <p class="left"><a href="news.html">News</a></p>
   <p class="left"><a href="hobbys.html">Meine Hobbys</a></p>
   <p class="left"><a href="downloads.html">Downloads</a></p>
   <p class="left"><a href="gaestebuch.html">Gästebuch</a></p>
</div>
<div id="box3" style="border:1px solid #000000; padding:1px" >
   <p class="left">Anderes Doctype vielleicht? Vorschläge?</p>
</div>
</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück