Firefox 3 macht bei <br> keinen Zeilenumbruch!

Eljey

Eljey

kennt sich schon aus
Hallo, folgendes Problem. Firefox mach keinen Zeilenbruch bei <br>.
Hier quelltext:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Startseite - PiratenInc. [Software-Entwicklung und Computerdienstleistungen]</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<link rel="stylesheet" type="text/css" href="format.css">
</head>
<body>
<div id=design>
       <div id=head></div>
       <div id=frame>
        <div id=content>
         <h1>Willkommen!<br>ff</h1>

  <p class=news>



  </p>

        </div>
       </div>
       <div id=end></div>
      </div>

</body>
</html>


Dabei ist der quelltext valide... ich versteh das nicht, er macht das auch nicht in einem <p> absatz!
 
Ist das nur bei diesem Codebeispiel so oder auf allen Seiten?
Vielleicht kannst Du mal einen Screenshot davon machen.
 
ist nur bei diesem code beispiel so...
Auf Windows und LInux im Firefox das gleiche...
IE und Konqueror funktionieren

Screenshot im anhang

woran könnte das liegen, hier noch die css datei:

Code: 
* {
 height:100%;
 /*border: 1px solid green;*/
 position:fixed;
 top: 0;
 left:0;
}

body {

 background: url('./img_design/bg_body_tex.png') repeat left top;
 height:100%;
 /*border: 2px solid red;*/
 position: relative;
 margin-top: 0;
 margin-left:0;
 top:0;
 left:0;

}

#design {

 position: relative;
 min-height: 100%;
 top:0;
 left:0;
 /*border: 1px dashed red;*/

}


#head {

 background: url('./img_design/bg_body.png') no-repeat left top;
 height:200px;
 min-width: 1024px;
 position: relative;
 top:0;
 left:0;
 z-index:0;
 /*border: 1px solid yellow;*/

}
#frame {

 background: url('./img_design/bg_frame.png') repeat-y left top;
 height: auto;
 min-height: 70%;
 min-width: 1024px;
 position: relative;
 z-index:0;
 left:0;
 /*border: 1px solid yellow;*/

}

#end {

 background: url('./img_design/bg_end.png') no-repeat left top;
 height: 73px;
 min-width: 1024px;
 position: relative;
 bottom: 1px;
 left:0;
 z-index:0;
 /*border: 1px solid yellow;*/


}

#content {

 height: auto;
 width: 530px;
 position: relative;
 top:0;
 left:245px;
 margin-top:0;
 overflow: visible;
 z-index:1;
 border: 1px solid red;


}

h1,p {
 position: relative;
 width: 530px;

};

der css code ist auch valide nach css 2.1
 

Anhänge

  • Bildschirmphoto1.png
    Bildschirmphoto1.png
    130,9 KB · Aufrufe: 277
Zuletzt bearbeitet von einem Moderator:
Aber selbst mal die einzelnen Elemente rausnehmen und schauen,
woran es liegt, war dir nicht möglich?
Code: 
* {
 height:100%;
 /*border: 1px solid green;*/
 position:fixed; <-- schuld
 top: 0;
 left:0;
}
http://www.css4you.de/position.html
* und fixed
:wand
 
da steht mit keinem wort drin das zeilenumbrüche nicht funktionieren...
außerdem kann man auch freundlicher sein, ich glaub du ziehst den Supernature - Forum als freundliches Forum in den Dreck
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Oben