• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

firefox positioniert unterseitenseiten unterschiedlich

S

schokocrossie

Neues Mitglied
hallo hallo!

mein problem:

habe eine internetseite mit div lavern.
bis jetzt habe ich nur die index.php (php weil ich navi über include eingefügt habe) und die info.php.

problem ist, dass firefox den inhalt der seiten jeweils nicht korekt anzeigt. bzw. nicht an der richtigen stelle.
navi und content sind auf der info.php ein ganz kleines stück nach links geschoben.

hier der code der style.css

HTML: 
body {
    background-color:#ffffff;
    color: #000000;
    font-family: geneva, verdana, sans-serif;
    font-size: 10px;
}



b, strong {
    font-size: 10px;
}



i, em {
    letter-spacing: 1px;
}



h1 {
    font-size: 14px;
    line-height:17px;
    color:#000000;
    font-family: helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    padding:0px;
    margin:0px;
}


img {
    border:0px;
    padding:0px;
    margin:0px;
}


.inhalt {
    border:0px;
    margin:0 auto;
    width:820px;
    padding:0px;
}



.navi {
    border:0px;
    width:820px;    
    height:150px;
    margin-top:50px;
    padding:0px;
}


.content {
    border:0px;
    width:820px;
    margin-top:0%;
    padding:0px;
}



.adresse {
    border:0px;
    width:200px;
    height:100px;
    float:left;
    margin-top:8px;
    font-size: 14px;
    line-height:17px;
    color:#000000;
    font-family: helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    padding:0px;
}


.bilder {
    border:0px;
    width:820px;
    line-height:0px;
    vertical-align:bottom;
    margin-top:4px;
    padding:0px;
}

das ist die html datei von index.php

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">


<head>


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



<link rel="shortcut icon" href="favicon.ico">



</head>



<body>
<div class="inhalt">




<div class="navi">
<?php include("navigation.php"); ?>
</div>




<div class="content">


<div class="bilder">
<a class="galerie" href="..."><img src="platzhalter.png" border="0"></a>
<a class="galerie" href="..."><img src="platzhalter.png"  border="0"></a>
<a class="galerie" href="..."><img src="platzhalter.png"  border="0"></a>
<a class="galerie" href="..."><img src="platzhalter.png"  border="0"></a>
</div>

<div class="bilder">
<a class="galerie" href="..."><img src="platzhalter.png"  border="0"></a>
<a class="galerie" href="..."><img src="platzhalter.png"  border="0"></a>
<a class="galerie" href="..."><img src="platzhalter.png"  border="0"></a>
<a class="galerie" href="..."><img src="platzhalter.png"  border="0"></a>
</div>

<div class="bilder">
<a class="galerie" href="..."><img src="platzhalter.png"  border="0"></a>
<a class="galerie" href="..."><img src="platzhalter.png"  border="0"></a>
<a class="galerie" href="..."><img src="platzhalter.png"  border="0"></a>
<a class="galerie" href="..."><img src="platzhalter.png"  border="0"></a>
</div>



</div>





</div>
</body>
</html>


das ist die info.php


HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">


<head>

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



<link rel="shortcut icon" href="favicon.ico">



</head>



<body>
<div class="inhalt">




<div class="navi">
<?php include("navigation.php"); ?>
</div>




<div class="content">


<h1>bla</h1>

bla



</div>






</div>
</body>
</html>


weiß jemand voran das liegen könnte?


vielen dank!
 
Ansonsten könnte es schon helfen, den jeweiligen Browser "auf -0- zu stellen", also das Browser-Stylesheet komplett zu überschreiben:
Code: 
body { margin:0; padding:0; }
 
danke schön ihr 2!

habe den fehler gefunden.
war ganz leicht -.-

ich hatte der content box keine höhe gegeben. so kam es, dass es sich verschoben hat, wenn auf der index seite ein inhalt bis weit nach unten war, auf der info seite aber nicht.
doof.

aber jetzt klappt es =)

also immer schön den div boxen auch eine höhe geben.

lg
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben