mozilla zeigt alles anders an

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

Poste mal den Quellcode

Oder den Link zur Seite, das sagt mehr als nur der Quellcode.

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]

Startseite

Startseite

+++ Neue Audi R8 Scheinwerfer für Passat 3BG immer noch nicht da!+++

[/code]

Hast du deine Seite denn mal validieren (= den Code auf Fehler überprüfen) lassen?

Die Seite ist soweit valide, bis auf den -tag!

Line 80, Column 27: element „marquee“ undefined.

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;
}
[/code]

viel Spaß und danke schon einmal im vorraus!!!:lol:

[I]@ T9000

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

[noparse][/noparse][/I]

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

einfach mal margin-top: auto; hinzugefügt :wink: und siehe da, nun klappt es in beiden Browsern :sunglasses: Frag mich aber nicht warum :stuck_out_tongue:

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!