Fehlanzeige in Firefox

Status
Nicht offen für weitere Antworten.
Hast du schon mal über ein Upgrade auf die aktuellere Firefox-Version nachgedacht?
 
werd ich machen :)

aber es geht ja nicht nur um mich, was is mit den Leuten, die noch nicht das aktuelle Upgrade haben?
 
Vielleicht hängt es auch mit dem Doctype zusammen, den du derzeit für das Dokument verwendest?

Hier mal der nächste Lösungsvorschlag, in dem ich den Doctype getauscht und im DIV .menue die (zukünftigen) Links in ein p-Element eingebettet habe, um so die gewünschten Innenabstände auf den Textabsatz anzuwenden.

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>MTDesign</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

<div class="box">

  <div class="head1">&nbsp;</div>
  <div class="head2">&nbsp;</div>

  <div class="main">
    <div class="content">
      Hallo und herzlich Willkommen auf der neuen Homepage von MTDesign!
      <br><br>
      Dieser Text ist ausschließlich dazu gedacht die Seite zu füllen. Hier steht also nur bla bla, das weiter nicht zu
      beachten ist. Sie fragen sich jetzt bestimmt wozu diese "Bla-Texte" dann überhaupt da sind. Diese Frage ist natürlich
      gerechtfertig und auch einfach zu beantworten. Anhand dieser Texte können wir die Ausrichtung des Textes optimieren,
      Schriftart, Schriftgröße und vieles mehr an die Wünsche der Nutzer anpassen, denn unsere Wünsche liegen
      uns am Herzen. Schließlich sind sie unsere Kunden und bringen uns hoffentlich viel Geld. Wir sprechen hier nicht von
      ein paar Tausend Euro oder so. Nein, es geht um Millionen, ja sogar Milliarden.
      <br><br>
      Wählen Sie hier Ihr Design:
      <br>
      <a href="index2.html">Design #1</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
      <a href="index3.html">Design #2</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
      <a href="index4.html">Design #3</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
      <a href="index5.html">Design #4</a>
    </div>
    <!-- <div class="contact">&nbsp;</div> -->
  </div>

  <div class="menue">
    <p>&nbsp;&nbsp;&nbsp;Home&nbsp;&nbsp;&nbsp;&nbsp;|
    &nbsp;&nbsp;&nbsp;&nbsp;Skills&nbsp;&nbsp;&nbsp;&nbsp;|
    &nbsp;&nbsp;&nbsp;&nbsp;Products&nbsp;&nbsp;&nbsp;&nbsp;|
    &nbsp;&nbsp;&nbsp;&nbsp;Showcase&nbsp;&nbsp;&nbsp;&nbsp;|
    &nbsp;&nbsp;&nbsp;&nbsp;Impressum</p>
  </div>
  <div class="foot">&nbsp;</div>

</div>
</body>
</html>
Code: 
body {

  background-color:   #000000;
  color:              #000000;
  font-family:        Verdana;
  font-size:          12px;

}

html, body {

  height:             100%;
  margin:             0;
  padding:            0;

}

.box {

  width:              1024px;
  height:             768px;
  margin:             0 auto;

}

.head1 {

  width:              1024px;
  height:             140px;
  background-image:   url("../images/head1.jpg");
  background-repeat:  no-repeat;

}

.head2 {

  width:              1024px;
  height:             78px;
  background-image:   url("../images/head2.jpg");
  background-repeat:  no-repeat;

}

.main {

  width:              1024px;
  height:             380px;

  background-image:   url("../images/content.jpg");
  background-repeat:  no-repeat;

}

.content {
  width:              764px;
  height:             380px;
 
  text-align:         left;
  padding-top:        0px;
  padding-left:       130px;
  padding-right:      130px;

}

.menue {

  width:              1024px;
  height:             42px;
  background-image:   url("../images/menue.jpg");
  background-repeat:  no-repeat;

  text-align:         left;
  font-weight:        bold;
  font-size:          12px;
  
}

.menue p {
  margin: 0;
  padding: 8px 0 0 140px;
}

.foot {

  width:              1024px;
  height:             128px;
  background-image:   url("../images/foot.jpg");
  background-repeat:  no-repeat;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück