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

mozilla zeigt alles anders an

Status
Für weitere Antworten geschlossen.
T

T9000

Neues Mitglied
ich habe folgendes problem ich habe eine seite ohne graphiken geschrieben im IE wird alles richtig angezeit farben der border und die abstände aber im FF und im Opera sind weiße border schwarz und die abstände sind von oben ca. 50 px verschoben was kann ich dagegen machen ?

bin noch anfänger habe alles im box modell mit CSS geschrieben keine Frames
 
Kann auch gut sein, dass Firefox die Seite so anzeigt, wie du sie geschrieben hast, also "richtig", obwohl es eigentlich "falsch" ist.
Der Internet Explorer "übergeht" deine Code-Fehler nur, und zeigt die Seite dafür "richtig" an.

Aber wie gesagt - ohne deinen Code und deinen Link können wir dir nicht weiterhelfen.
 
sry dass es so lange gedauert hatt !

einen link kann ich euch leider nicht schicken weil die seite nicht on stehet


hir ist mein quelltext:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!-- Beginn mit der Kopfzeile der HTML Datei -->

<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head>
<!-- Titel der Seite -->

<title> Startseite </title>

<!-- Meta Angaben -->

<meta name="author" content="Dennis" />
<meta name="author" content="Danny" />
<meta name="generator" content="Scriptly" />
<meta lang="de"  content="Deutsch"/>

<!-- Einbindung der CSS Dateien in den HTML Code -->

<link rel="stylesheet" href="design.css" type="text/css" />
<link  rel="stylesheet" href="Textfelder.css" type="text/css" />
<link rel="stylesheet"  href="Html_Tags.css" type="text/css" />

</head>

<!--==================================================================-->
                                    
<!--Einbindung des hauptfensters-->

<body>

<div id="haupt">

<!--==================================================================-->

<!-- Einbindung des oberen Fensters in das Hauptfenster -->

<div id="oben"><h1>Startseite</h1></div>

<!--==================================================================-->

<!-- Einbindung des Inhaltsfensters in das Hauptfenster -->

<div id="mitte">

</div>

<!--==================================================================-->

<!-- Zusammenstellung der Navigationsleiste Links -->

<div id="navi">   
<div id="navi1">  
                    <div class="navi2"><a href="index.html">HOME</a></div>
                    <div class="navi3" style="background-color: #FFFFFF;"></div>
                    <div class="navi2"><a href="Passat3B.html">Passat&nbsp;3B</a></div>
                    <div class="navi2 "><a href="Passat3BG.html">Passat&nbsp;3BG</a></div>
                    <div class="navi3" style="background-color: #FFFFFF;"></div>
                    <div class="navi2 "><a href="impressum.html">Impressum</a></div>
                    <div class="navi2 "><a href="kontakt.html">Kontakt</a></div>
                    <div class="navi2 "><a href="quellen.html">Quellen</a></div>
</div>
</div>

<!--==================================================================-->

<!-- Zusammenstellung der unter Navigationsleiste rechts (Hir nur für Layout benutzt) -->

<div id="unavi">

</div>

<!--==================================================================-->

<!-- Newsfenster mit Laufschrift -->

<div id="news">

<marquee  scrollamount="3" >

<p> +++ Neue Audi <a style="color: #0000FF;" href="R8S.html">R8 Scheinwerfer</a> f&uuml;r Passat 3BG immer noch nicht da!+++ </p>

</marquee> 

</div>
               
<!--==================================================================-->             

<!-- Ende der HTML Datei und des Hauptdivs --> 
             
</div>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Die Seite ist soweit valide, bis auf den <marquee>-tag!
Line 80, Column 27: element "marquee" undefined.
Zum Vergrößern anklicken....

Was jetzt noch interessant wäre, wären natürlich die CSS-Dateien um mal zu sehen wo etwas bei der Positionierung falsch gelaufen sein könnte!
 
die css

hi ja ich habe alles überprüft das mit dem einen fehler ist egal das beeinflusst ja nicht das layout ist nur er lauftext

hier ist die erste CSS Datei:

Code: 
/* Das sind Die CSS Dateien fuer Die index.html*/


/* Deklaration der Variablen des Hauptfensters in dem alle anderen DIV`S liegen */

#haupt      {
            width:1230px;
            height:1400px;
            background-color:#8EA8EE;
            }


/*  Deklaration für den oberen DIV */

#oben       {
            background-color:#8EA8EE;
            width:1230px;
            height:80px;
            border-color: #FFFFFF;
            border-top: 6px solid;
            border-bottom: 6px solid;
            text-align: center;
            position: absolute; top:0;
            z-index: 2;
            }


/* Deklaration für den mittleren DIV ( Eingabefenster für Haupttext) */

#mitte      {
            background-color: #B3CCEE;
            width:900px;
            height:1250Px;
            border-color: #FFFFFF;
            border-top: 1px solid;
            border-left: 1px solid;
            border-right: 1px solid;
            border-bottom: 1px solid;
            position: absolute ; left: 170px; top:120px;
            font-size:12pt;
            z-index: 2;
            }


 /* Decklaration der Kontacktlisten*/

#kontakt    {
            background-color: #B3CCEE;
            width:776px;
            height:400Px;
            border-color: #FFFFFF;
            border-top: 1px solid;
            border-left: 1px solid;
            border-right: 1px solid;
            border-bottom: 1px solid;
            position: absolute; left: 233px; top:120px ;
            text-align: center;
            z-index:2;
            }

/* Deklaration des Impressums Blocks */

#imp        {
            background-color: #B3CCEE;
            width:800px;
            height:1250Px;
            border-color: #FFFFFF;
            border-top: 1px solid;
            border-left: 1px solid;
            border-right: 1px solid;
            border-bottom: 1px solid;
            position: absolute; left: 221px; top:120px ;
            text-align: center;
            z-index:3;
            }


/* Deklaration für den Navigations DIV */

#navi       {
            background-color: #8EA8EE;
            width:120px;
            height:1400px;
            border-color: #FFFFFF;
            border-right: 6px solid;
            position: absolute; top:0px;
            z-index: 1;

            }


 /* Deklaration des Divs um die navi2 buttons zu platzieren*/

#navi1      {
            background-color: #8EA8EE;
            width:100px;
            height:200px;
            position: absolute; top:100px;
            }


/* Deklaration der Buttons */

/* Deklaration der Buttons für start,passat 3b,3bg */

.navi2 a    {
            background-color: #D0D0D0;
            text-align: center;
            width:100px;
            height:24px;
            margin-top: 5px;
            margin-left: 10px;
            font-size: 14pt;
            border: 1px solid black;
            border-left-color: white;
            border-top-color: white;
            display:block;
            color: #000000;
            cursor: pointer;
            }

/* Deklaration der Button beim überfahren mit der Maus */

.navi2 a:hover      {
                    background-color: #808080;
                    color: white;
                    border-color: white;
                    border-left-color: black;
                    border-top-color: black;
                    }

/* Deklaration der Buttons die keine Funktion haben sondern nur zum unterteilen vorhanden sind*/

.navi3              {
                    background-color: #D0D0D0;
                    text-align: center;
                    width:100px;
                    height:24px;
                    margin-top: 5px;
                    margin-left: 10px;
                    font-size: 14pt;
                    }

/* Deklaration von der Unternavigationsleiste */

#unavi      {
            background-color: #8EA8EE;
            width:120px;
            height:1400px;
            border-color: #FFFFFF;
            border-left: 6px solid;
            position: absolute; top:0px; left:1114px;
            z-index: 1;
            }

/* Deklaration des Divs um die  buttons zu platzieren*/

#unavi1     {
            background-color: #8EA8EE;
            width:100px;
            height:200px;
            position: absolute; top:100px;
            }

/* Deklaration für den news Kasten der Laufschrift*/

#news       {
            background-color: #B3CCEE;
            width:300px;
            eight:22px;
            border-color: #FFFFFF;
            border-top: 4px solid;
            border-left: 4px solid;
            border-right: 4px solid;
            border-bottom: 4px solid;
            position: absolute; top:45px;left:915px;
            text-align: center;
            text-transform: uppercase;
            font-size:13pt;
            color: #000000;
            z-index: 3;
            }


/* Deklaration der Aufploppenden Schrift in den Quellenangaben und im Impressum */

.aufploppen a       {
                    text-align: center;
                    font-size:20pt;
                    font-family: Comic;
                    color: #000000;
                    }

.aufploppen a:hover {
                    font-size:25pt;
                    color: #0000FF;
                    }

/* Deklaratin der Aufploppenden Schrift */

.Auf a              {
                    color: #0000FF;
                    margin-left:50px;
                    }

.Auf a:hover        {
                    font-size:18px;
                    font-weight: bold;
                    }


hier die zweite:


/* Deklaration der HTML TAGS */

/* Deklaration des BODY Tags */

body        {
            font-family:calibri
            }

/* Deklaration des Ankerpunktes */

a           {
            text-decoration:none;
            }

/* Deklaration der Schrift H.. */

h1          {
            font-size:40pt;
            font-weight:bold;
            }

h2          {
            font-size:20pt;
            font-weight:bold;

            }

h3          {
            font-size:15pt;
            font-weight:bold;
            font-family: arial;
            }

h5          {
            font-size:50pt;
            font-weight:bold;
            font-family: calibri;
            }



und hier die dritte:


/* Definition der Textfelder in CSS */



/* Deklaration des Impressums Text Blocks */

#imptext    {
            background-color: #B3CCEE;
            width:776px;
            height:900Px;
            position: absolute;left:0; top:250px ;
            text-align: center;
            }


/* Deklaration der Anschriften Blocks1 im Impressum (DENNIS K.) */

#ansch1     {
            background-color: #B3CCEE;
            width:200px;
            height:200Px;
            position: absolute; left: 30px; top:70px ;
            text-align: left;
            line-height:1pt;
            }

/* Deklaration der Anschriften Blocks2 im Impressum (DANNY H.) */

#ansch2     {
            background-color: #B3CCEE;
            width:210px;
            height:200Px;
            position: absolute; left: 544px; top:70px ;
            text-align: left;
            line-height:1pt;
            }

/* Deklaration des Paragraphen Blocks im Impressum */

#para       {
            background-color: #B3CCEE;
            width:250px;
            height:22Px;
            position: absolute; left: 250px; top:30px ;
            text-align: center;
            text-decoration: underline;
            font-size: 16pt;
            }


/* Deklaration des innere Inhaltsfenster der Quellen*/

#quell      {
            background-color: #B3CCEE;
            width:898px;
            height:60Px;
            position: absolute; left: 0px; top:1150px ;
            text-align: center;
            font-size: 12pt;
            border-color: #FF0000;
            border: solid 1px;
            }


/* Deklaration der Textfelder der Passat Seiten */

#passat     {
            background-color: #B3CCEE;
            width:900px;
            height:1250Px;
            border-color: #FFFFFF;
            border-top: 1px solid;
            border-left: 1px solid;
            border-right: 1px solid;
            border-bottom: 1px solid;
            position: absolute ; left: 170px; top:120px;
            font-size:12pt;
            z-index: 2;
            overflow: scroll;
            scrollbar-3dlight-color: #FFFFFF;
            scrollbar-darkshadow-color: #000000;
            scrollbar-arrow-color: #FFFFFF;
            scrollbar-base-color: #C0C0C0;
            }


viel Spaß und danke schon einmal im vorraus!!!!:lol:
 
Zuletzt bearbeitet von einem Moderator:
@ T9000

Bitte benutze, wenn du Codes im Forum postest die Code-Tags.
Danke.

[noparse]
Code:
[/noparse]
 
Hallo,

die Rahmen sind nicht weiß, weil Du die Farbe bei "border-top" und "border-bottom" (z.B. in #oben) vergessen hast.

Ansonsten bin ich der Meinung, dass Du mehr qualifizierte Antworten bekommen würdest, wenn Du die Seite online stellen und dein Problem genauer definieren würdest. Dein Wunsch "Viel Spaß" kann nämlich leicht als unverschämt interpretiert werden, wenn man Dir erst alle notwendigen Angaben aus der Nase ziehen muss.
 
Hallo,
so sieht es bei mir im Firefox aus, du meinst die Überschrift, die etwas zu niedrig sitzt, oder? (Anhang)
Ich denke mal die Newsbox soll so halb über den anderen Boxen liegen? FAlls du die in den header haben möchtest, einfach top: 45px; verkleinern.
Die Überschrift ist im IE tatsächlich weiter oben, was mich wundert...;ugl

Ich habe, um die Überschrift weiter nach oben zu packen dem <h1> einfach mal margin-top: auto; hinzugefügt ;) und siehe da, nun klappt es in beiden Browsern 8-) Frag mich aber nicht warum :-P

Weiß nicht ob das jetzt deine Probleme lösen kann, aber bei mir sieht es dann in beiden Browsern annähernd gleich aus:!:

PS.: noch ein kleiner Tipp, wenn du Firefox benutzt, enpfehle ich dir das Addon Firebug, damit kannst du CSS-Eigentschaften direkt ändern und auch direkt die Auswirkungen betrachten!
 

Anhänge

  • hp.jpg
    hp.jpg
    12,6 KB · Aufrufe: 4
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben