IE und FF Darstellung von <p>

[RaidriConchobair]

Guten Morgen!!!

Es ist unfassbar, man schlägt sich eine ganze Nacht um die Ohren, nur weil IE und FF eine banale Kleinigkeit anders darstellen:

Ich habe eine Frameset und in den Framesets zum Teil Div-Boxen. Innerhalb dieser Div-Boxen möchte ich Text mit dem <p> Tag setzen, damit er auch schön bündig ist und so weiter. Ich habe (in der angehängten CSS-Datei zu sehen) das Padding auf 0 gesetzt, ich habe es auch bereits mit border und margin auf 0 probiert, jedoch tritt immer das gleiche problem auf:

Im großen Inhaltsfenster "Content" kommen, falls es des Textes zuviel ist, natürlich Scrollleisten. Aber der IE hat vertikale UND horizontale?`Totaler Quatsch, der soll nur schön rauf und runter scrollen.

Im "News" Fenster soll die Nachricht schön passend zwischen den Strichen stehen. Jedoch interpretieren IE und FF das <p>-Tag wieder unterschiedlich (zum einen mit der Zeilenhöhe, zum anderen mit der Positionierung von links bzw. auch oben)

CSS:

 /* DATEI: frame.css */
/* FUNKTION: regelt die Formateinstellungen der Rahmenseite */

body { background-color:#FFFFFF}

div { position:absolute; font-family:sylfaen; font-size:15px; color:#000000; }

p,b,i { text-align:justify; font-family: sylfaen; color:#000000;   
    font-size:15px; font-weight:normal; padding-left:10px;
    padding-right:20px; line-height:1.5em;     border:0px;}

h3 { font-family:sylfaen; font-size:15px; color:#000000; font-weight:bold; }



img { margin:0px;}


div.logo {      background-image:url(logo.jpg); width:160px; height:180px; 
        top:0px; left:0px; position:absolute; }

div.news {      background-image:url(news.jpg); width:25px; height:100px; 
        top:0px; left:0px; position:absolute; }

div.state {      top:3px; left:25px; position:absolute; 
        font-family:sylfaen; font-size:15px; color:#000000;     }

div.fact1 {    top:30px; left:25px; position:absolute;
        font-family:sylfaen; font-size:15px; color:#000000; font-weight:normal;
        line-height:1.5em;   }

     .fact1 p {   padding-left:0px; padding-right:5px;}

 
div.metanav {      background-image:url(guest.gif); width:160px; 
 height:127px; 
        left:-22px; bottom:20px; position:absolute; }


div.topnav {      background-image:url(topnav.jpg); width:570px; height:180px; 
        top:0px; left:0px; position:absolute; }

div.end {      background-image:url(imp.gif); width:300px; height:99px; 
        right:0px; position:absolute; }



div.nav {     top:18px; left:10px; position:absolute; 
        font-family:sylfaen; font-size:15px; color:#FFFFFF;     }

   .nav a { margin:0px 7px 0px 7px; }
   .nav a:link{ color:#FFFFFF; text-decoration:none; font-weight:bold;}
   .nav a:visited{ color:#FFFFFF; text-decoration:none; font-weight:bold;}
   .nav a:hover{ color:#FFFFFF; text-decoration:underline; font-weight:bold;}



div.subnav {     top:48px; left:10px; position:absolute; 
        font-family:sylfaen; font-size:15px; color:#FFFFFF; }

   .subnav a { margin:0px 7px 0px 7px; }
   .subnav a:link{ color:#000000; text-decoration:none; font-weight:bold;}
   .subnav a:visited{ color:#000000; text-decoration:none; font-weight:bold;}
   .subnav a:hover{ color:#000000; text-decoration:underline; font-weight:bold;}



div.autor {     bottom:23px; right:24px; position:absolute; 
        font-family:sylfaen; font-size:15px; color:#FFFFFF; }

   .autor a { margin:0px 7px 0px 7px; }
   .autor a:link{ color:#FFFFFF; text-decoration:none; font-weight:bold;}
   .autor a:visited{ color:#FFFFFF; text-decoration:none; font-weight:bold;}
   .autor a:hover{ color:#FFFFFF; text-decoration:underline; font-weight:bold;}


div.guest {     bottom:15px; left:40px; position:absolute; 
        font-family:sylfaen; font-size:15px; color:#FFFFFF; }

   .guest a { margin:0px 7px 0px 7px; }
   .guest a:link{ color:#FFFFFF; text-decoration:none; font-weight:bold;}
   .guest a:visited{ color:#FFFFFF; text-decoration:none; font-weight:bold;}
   .guest a:hover{ color:#FFFFFF; text-decoration:underline; font-weight:bold;}



img.line1 {    top:30px; left:-50px; position:absolute;}
img.line2 {    top:80px; right:50px; position:absolute;}
img.line3 {    top:82px; left:50px; position:absolute;}
img.line4 {    top:82px; left:155px; position:absolute;}

hier die content-rahmen datei:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<link rel="stylesheet" type="text/css" href="../frame.css">

</head>

<body>



<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque blandit lacus id libero. Nulla cursus lectus quis diam. Sed sem magna, sollicitudin nec, commodo vel, sagittis eu, lorem. Nam dignissim aliquam ligula. Ut id ante ut velit feugiat egestas. Sed eros. Quisque at nisl. Integer pellentesque, mi eu consectetuer hendrerit, augue nulla cursus est, at tempor tellus massa sit amet nunc. Aliquam tincidunt. Nulla facilisi. Vestibulum scelerisque velit sed diam. Vivamus laoreet odio at est. Donec consequat. Aenean accumsan vestibulum risus. Praesent eleifend. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent consectetuer. Proin vel elit a magna adipiscing pulvinar. Mauris a felis at neque semper elementum. Quisque erat.


Praesent eget massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam vitae nibh at lacus fringilla fringilla. In hac habitasse platea dictumst. Aliquam eu libero. Duis hendrerit. Aliquam nulla urna, rhoncus a, semper vitae, rhoncus in, dui. Curabitur vitae turpis. Aliquam nibh mi, feugiat non, eleifend vel, ornare eget, nisi. Quisque non mauris. Maecenas rutrum odio at ligula. Mauris aliquet porttitor lectus. Donec sed tellus. Fusce tristique.

Aliquam erat volutpat. Nullam convallis, justo ac sagittis mollis, turpis velit fermentum nisi, vel aliquam nunc neque vitae lorem. Morbi turpis leo, gravida sit amet, pulvinar vitae, pulvinar in, orci. Phasellus pede dolor, auctor vitae, sagittis nec, convallis sit amet, nulla. Maecenas ac nisi id lorem cursus iaculis. Vestibulum imperdiet adipiscing ante. Morbi et purus. Aliquam volutpat arcu eget ante. Proin aliquam volutpat tellus. In mattis lobortis diam. Sed non sapien quis nulla viverra suscipit. Pellentesque vestibulum consequat lacus. Sed suscipit pulvinar nulla. Pellentesque viverra, ante sed gravida sodales, sem erat eleifend mi, consectetuer venenatis erat tortor quis magna. Duis malesuada, magna ut convallis elementum, diam tellus aliquam ligula, non euismod nisl massa eu pede. Donec a ligula. Vivamus porttitor, sem ac ultrices consectetuer, sem nunc pulvinar libero, nec luctus elit nunc ac ipsum.

Maecenas congue est vitae elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In adipiscing elit eu nisl. Nullam malesuada. Phasellus convallis velit et enim mattis ullamcorper. Cras mattis, diam vel molestie pretium, ligula diam placerat mauris, id ornare dui turpis convallis mauris. Curabitur vel mauris vitae nunc posuere imperdiet. Morbi hendrerit nibh semper est. Sed diam lacus, eleifend vel, scelerisque dapibus, congue sit amet, nisl. Quisque ligula mauris, elementum quis, vehicula non, scelerisque nec, lectus. Cras ipsum. Ut imperdiet euismod sem. In mollis ipsum.


</p>


<div class=end>
  <div class=autor>
    <a href="../">Axlor vom Berg</a>
  </div>

</div>

</body>
</html>

die news-rahmen datei:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<link rel="stylesheet" type="text/css" href="frame.css">

</head>

<body>

<div class=news>
</div>

<div class=state>Stand: 24.02.2007
</div>


<img class=line1 src="line1.gif">
<img class=line4 src="line4.jpg">

<div class=fact1>
  <p>Die neue Homepage des Kreisverbandes ist
  unter einer nicht genannten Adresse verf&uuml;gbar...mehr</p>
</div>

<div class=metanav>
  <div class=guest>
    <a href="../">G&auml;stebuch</a>
  </div>
</div>


</body>
</html>

und hier das frameset;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<link rel="stylesheet" type="text/css" href="first.css">

</head>

<frameset cols="160,*" border=0>
    <frameset rows="180,*" border=0>
        <frame src="logo.html" name="logo" scrolling="no">
        <frame src="news.html" name="news" scrolling="no">
    </frameset>

    <frameset rows="90,*" border=0>
        <frame src="nav.html" name="nav" scrolling="no">
        <frame src="firstpage.html" name="content">
    </frameset>
    
</frameset>
</html>