Ase: Div Container bei Mozilla nach Links verschoben

Beitrag lesen

SELF-Forum

Div Container bei Mozilla nach Links verschoben

Ase
– Informationen zu den Bewertungsregeln

Hi,
ich versuche nun schon seit ca. einer Woche, die "Formatierung" des Mozilla Firefox zu verstehen bzw. in den Griff zu bekommen.

Im Internet Explorer werden die 2 Divs nebeneinander angezeigt.
Im Firefox jedoch verschiebt es mir den rechten Div ca 50 px nach rechts!!!

Wenn ich jedoch die Links (also den rechten Div) raus nehme stimmt die Formatierung.
Ich weis nicht mehr woran man da noch was einstellen bzw. ändern kann aber irgend wie muss es doch gehen....

Vielleicht hatte irgend jemand schonmal das Problem??

Hier mein Quelltext + Stylesheed

Quelltext

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

<head>
<title>home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css" />
   <style type="text/css"></style>

</head>
<body>
<div class="layout1">

<div class="navi">
 <a href="index.htm" class="aktiv">HOME</a> <br>
    <a href="profil.htm">PROFIL</a> <br
    <a href="galerie.htm">GALERIE</a><br>
    <a href="referenzen.htm">REFERENZEN</a><br>
    <a href="presse.htm">PRESSE</a> <br>
    <a href="kontakt.htm">KONTAKT</a><br>
    <a href="impressum.htm">IMPRESSUM</a>

</div>

<div class="inhalt" style="overflow:scroll;">

<p>Main...</p>
     <p>&nbsp;</p>
     <p>Hier soll dann der Text stehen </p>
      </div>
</div>
</body>
</html>

Stylesheed

......

.layout1 {
 background-image: url(bilder/A.gif);
 background-repeat: no-repeat;
 border: solid;
 border-width: 1px;
 border-color: #CACACA;
 width: 926px;
 height: 524px;
 margin: auto;
 margin-top: 35px;
}

.layout2 {background-image:url(bilder/B.gif);
         background-repeat:no-repeat;
         border:solid;
         border-width:1px;
         border-color: #CACACA;
         width:926px;
         height:524px;
         margin:auto;
         margin-top:35px;}

.layout3 {background-image:url(bilder/C.gif);
         background-repeat:no-repeat;
         border:solid;
         border-width:1px;
         border-color: #CACACA;
        width:926px;
         height:524px;
         margin:auto;
         margin-top:35px;}

ul {list-style-type:none;
    padding-left:20px;
    padding-top:350px;
 float:left;}

.navi {border:none;
        margin-left:20px;
        margin-top:350px;
        width:130px;
        height:150px;
        overflow:hidden;
    font-weight:bold;
    float:left;}

.inhalt {border:none;
        margin-left:220px;
        margin-top:130px;
        width:670px;
        height:380px;
  overflow:hidden;}

h1 {font-size:10pt;
    font-weight:bold;
    text-align:left;}

h2 {font-size:10pt;
    font-weight:normal;
    font-style:italic;
    text-align:left;
    padding-top:5px;}

p1 {font-size:10pt;
   font-weight:normal;
   padding-right:10px;
   padding-top:0px;}

.......

Ich hoffe mal es ist im Gesammten nicht all zu schlecht :-)
Bin nicht ganz zo Fit selfhtml hilft jedoch meistens....
Liebe Grüße und Danke im Voraus
Daniel

Beitrag melden
–
Informationen zu den Bewertungsregeln