CSS und Forefox 2.0.0.2
Hi Habe ne super seite für den IE7 gemacht mit HTMl, PHP und nem CSs-Style sheet. öffne ich die seite im firefox grauselts mich!! Die Ebenen die ich im CSS mit px ne größe zugeordnet habe sind irgendwie größer. sprich die background.images schieben sich aus der ebene heruas und fangen neu an. Der text geht aus der ebene? help! Welchen befelh könnte firefox da wohl nicht kennen? Ich habe z.B: folgende verwednet. left, top, padding, text-align. davon isses laut css for you aber keiner. danke
Antwort schreiben
Antwort 1 von DeluxeStyle vom 06.03.2019, 16:23 Options
also der FireFox hält sich mehr an den CSS Standard als der IE
Daher musst du deine Frage genau anders herum stellen.
Was interpretiert der IE anders, als alle anderen Browser
Poste doch mal eine Seite
Antwort 2 von rfb vom 06.03.2019, 17:26 Options
wie DeluxeStyle andeutete:
Der IE machts falsch, richtig wird deine Seite im Firefox angezeigt.
Insbesondere verrechnet sich der IE beim Bestimmen der Gesamtgröße von Blockelementen, dies könnte eine Erklärung für das von dir beschriebene Phänomen sein..
Tipp:
CSS immer erst für standardkonforme Browser wie Opera und Firefox schreiben, dann die Workarounds für den fehlerhaften und entwicklungsmäßig rückständigen IE einbauen.
Um dir weiter helfen zu können müssten wir Einblick in den Quellcode bekommen.
Antwort 3 von SilverTiger vom 06.03.2019, 18:37 Options
Wahnsinn!^^ Hätte den IE für schaluer gehalten, naja ich weiß warum ich Firefox benutze. Aber ich kann erst bald ne Seite posten oder eine online stellen. Ich hau hier einfach mal meine Style rein:
body{
background-color: #AA0E03;
font-family: georgia;
font-size: 15px;
color: #FFFFFF;
line-height: 25px;
z-index: 1;
}
.bg{
background-image: url(../pics/bg.jpg);
width: 598px;
height: 480px;
left: 167px;
top: 107px;
position: absolute;
z-index: 1;
}
.text{
width: 598px;
height: 480px;
left: 167px;
top: 107px;
font-size: 16px;
font-family: gerogia;
text-align: center;
position: absolute;
border: 3px solid #FFFFFF;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
line-height: 20px;
overflow: auto;
color: #FFFFFF;
scrollbar-base-color: #D56509;
scrollbar-3dlight-color: #D56509;
scrollbar-face-color: #D56509;
scrollbar-highlight-color: #F4A72C;
scrollbar-darkshadow-color: #C56811;
scrollbar-arrow-color: #E1490D;
scrollbar-shadow-color: #E1490D;
z-index: 2;
}
.charatext{
text-align: justify;
font-size: 16px;
font-family: gerogia;
}
.menue{
width: 150px;
height: 567px;
left: 20px;
top: 20px;
position: absolute;
background-image: url(../pics/menue.jpg);
padding-left: 5px;
padding-top: 85px;
line-height: 3px;
border: 12px;
border: 3px solid #FFFFFF;
z-index: 3;
}
.menue2{
width: 150px;
height: 567px;
left: 762px;
top: 20px;
position: absolute;
background-image: url(../pics/menue2.jpg);
padding-left: 5px;
padding-top: 360px;
border: 12px;
border: 3px solid #FFFFFF;
text-align: center;
z-index: 3;
}
.news{
width: 150px;
height: 267px;
left: 762px;
top: 107px;
position: absolute;
border: 12px;
padding-left: 5px;
padding-top: 40px;
border: 3px solid #FFFFFF;
text-align: center;
scrollbar-base-color: #D56509;
scrollbar-3dlight-color: #D56509;
scrollbar-face-color: #D56509;
scrollbar-highlight-color: #F4A72C;
scrollbar-darkshadow-color: #C56811;
scrollbar-arrow-color: #E1490D;
scrollbar-shadow-color: #E1490D;
overflow: auto;
z-index: 4;
}
.headline{
font-family: georgia;
text-decoration: underline;
font-size: 25px;
color: #FFFFFF;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
}
.top{
height: 90px;
width: 598px;
background-image: url(../pics/logo.jpg);
overflow: auto;
position: absolute;
left: 167px;
top: 20px;
border:
z-index: 3;
border: 3px solid #FFFFFF;
}
a.block{
display: block;
height: 50;
width: 130;
background-image: url(../pics/startoff.gif);
}
a.block:hover{
display: block;
height: 50;
width: 130;
background-image: url(../pics/starton.gif);
z-index: 100;
}
a.block2{
display: block;
height: 50;
width: 130;
background-image: url(../pics/inhaltoff.gif);
z-index: 100;
}
a.block2:hover{
display: block;
height: 50;
width: 130;
background-image: url(../pics/inhalton.gif);
z-index: 100;
}
a.block3{
display: block;
height: 50;
width: 130;
background-image: url(../pics/geschoff.gif);
z-index: 100;
}
a.block3:hover{
display: block;
height: 50;
width: 130;
background-image: url(../pics/geschon.gif);
z-index: 100;
}
a.block4{
display: block;
height: 50;
width: 130;
background-image: url(../pics/charaoff.gif);
z-index: 100;
}
a.block4:hover{
display: block;
height: 50;
width: 130;
background-image: url(../pics/charaon.gif);
z-index: 100;
}
a.block5{
display: block;
height: 50;
width: 130;
background-image: url(../pics/techoff.gif);
z-index: 100;
}
a.block5:hover{
display: block;
height: 50;
width: 130;
background-image: url(../pics/techon.gif);
z-index: 100;
}
a.block6{
display: block;
height: 50;
width: 130;
background-image: url(../pics/linkoff.gif);
z-index: 100;
}
a.block6:hover{
display: block;
height: 50;
width: 130;
background-image: url(../pics/linkon.gif);
z-index: 100;
}
a.block7{
display: block;
height: 50;
width: 130;
background-image: url(../pics/imoff.gif);
z-index: 100;
}
a.block7:hover{
display: block;
height: 50;
width: 130;
background-image: url(../pics/imon.gif);
z-index: 100;
}
Antwort 4 von rfb vom 06.03.2019, 19:04 Options
Der
W3C-CSS-Validator meldet - selbst wenn ich die Scrollbalkenfärbung rausnehme - ca. 20 CSS-Fehler.
Ohne das HTML kann ich übrigens daraus auch nix weiter lesen - mal abgesehen von o.g. Fehlern.
Antwort 5 von SilverTiger vom 07.03.2019, 17:46 Options
my index.
<link rel="stylesheet" href="css/style.css" type="text/css">
<?
include ("config.php");
?>
<div class="menue">
<table>
<tr>
<td> <a href="index.php ?section=start"class=block> </a> </td> <br>
</tr>
<tr>
<td> <a href="index.php ?section=inhalt"class=block2> </a> </td> <br>
</tr>
<tr>
<td> <a href="index.php ?section=geschichte"class=block3> </a> </td> <br>
</tr>
<tr>
<td> <a href="index.php ?section=charaktere" class=block4> </a> </td> <br>
</tr>
<tr>
<td> <a href="index.php ?section=technik" class=block5> </a> </td> <br>
</tr>
<tr>
<td> <a href="index.php ?section=links" class=block6> </a> </td> <br>
</tr>
<tr>
<td> <a href="index.php ?section=impressum" class=block7> </a> </td> <br>
</tr>
</table>
</div>
<div class="bg">
</div>
<div class="news">
<u> 06.03.07: </u> <br>
Intro kurz vor der Fertigstellung. <br> <br>
<u> 28.02.07: </u> <br>
Teilsynchro fast fertig. <br> <br>
Am 23.03.07 neue Cobra 11 Folgen mit
neuem Hauptkomissar <br> <br>
Erster Release bekannt
</div>
<div class="menue2">
<?
$newDate = mktime(0,0,0, 6, 10, 2007);
$actDate = time();
$diffDate = ($newDate-$actDate);
$days = floor($diffDate / 24 / 60 / 60 );
$diffDate = $diffDate - ($days*24*60*60);
$hours = floor($diffDate / 60 / 60);
$diffDate = ($diffDate - ($hours*60*60));
$minutes = floor($diffDate/60);
$diffDate = $diffDate - ($minutes*60);
$seconds = floor($diffDate);
echo "<u> Release: </u> <br> $days Tage $hours Stunden $minutes Minuten $seconds Sekunden <br> <br>";
?>
<?
$tag = date ("d");
$monat = date ("m");
$jahr = date ("Y");
$zeit = date ("H:i:s");
echo "$tag. $monat. $jahr <br> $zeit Uhr";
?>
</div>
<div class="top">
</div>
<div class="text">
<?
//else {include ('index.php');}
if (isset ($_GET ['section']))
{
include $datei [$section];
}
else {include ('start.php');}
?>
</div>
Antwort 6 von rfb vom 07.03.2019, 19:13 Options
das ist PHP - woher soll ich wissen, was für ein HTML daraus fabriziert wird?
Der Rest ist
eine Tabelle die keine tabellarische Daten enthält (benutze doch einfach zur Auflistung von Links eine Liste und Tabellen für tabellarische Daten)
und
eine DIV-Suppe gewürzt mit dem u-Element (wenn du schon CSS nutzt, warum unterstreichst du dann mit u?)
Antwort 7 von MoRe99 vom 08.03.2019, 10:46 Options
@ SilverTiger
Ruf deine Seite, um die es geht, doch mal lokal auf, Rechtsklick drauf, den Seitenquelltext anzeigen lassen und den dann kopieren.
Antwort 8 von SilverTiger vom 08.03.2019, 13:41 Options
Das mit dem U mach ich immer so. angewohnheit. is auch ne schulseite zum lernen also ne amteru page. So ein chaos ich alde die seite bald mal hoch... also in den einzelnen seiten 8links9 ist nur der div headline angegeben und halt text, da ja eh ales in der texteben sein soll. Also denn habe ich noch ne config.php aber das hat ja nix mit den abmessungen zu tun. ACHJa my page is ja online: http://graf-von-zeppelin-schule.de/WPK/info2006/php/daniel/index.php
danke
Antwort 9 von MoRe99 vom 08.03.2019, 14:17 Options
Beim ersten kurzen Drüberfliegen fällt mir folgendes auf: du benutzt in deinem CSS bei .menue padding. Das interpretiert der IE falsch; Stichwort:
Boxmodell. Deine Seite hat keinerlei Doctype-Deklaration; genauergesagt: die fängt noch nicht mal irgendwann mit <html> an oder hört mit </html> auf. Außerdem: kein <head>-Bereich, kein <body>-Bereich. Sprich: was dein PHP da erzeugt ist keine HTML-Seite.
Beim Versuch, deine Seite zu validieren, scheitert der Validator und liefert als Ergebnis nur das hier:
document can not be checked.
Tipp: arbeite mal an deinen PHP-Dateien, damit die so werkeln, dass am Ende eine wirkliche HTML-Seite erstellt wird. Wie die auszusehen hat kannst du u. a. bei
jendryschik.de oder bei
SelfHTML nachlesen.
Antwort 10 von rfb vom 08.03.2019, 15:11 Options
Eine nicht valide Seite wie dieser Murks hat Glück, wenn ein Browser sie überhaupt irgendwie anzeigt, aber bevor sie valide ist brauchst du im CSS nicht herumzustochern.
Antwort 11 von SilverTiger vom 08.03.2019, 19:15 Options
oh stimmt.... muss ich das nur im idnex angeben oder jetzt überall?
Antwort 12 von rfb vom 08.03.2019, 21:56 Options
Zitat:
muss ich das nur im idnex angeben oder jetzt überall?
welch präzise Nachfrage! Aber gut - ich rate mal du meinst die Bestandteile einer HTML-Datei, die MoRe99 aufgelistet hat.
Ja, wärst du seinem Rat gefolgt und hättest dich auf den beiden Links kundig gemacht, wüsstest du, dass all das und noch ein bisserl mehr unabdingbare Bestandteile einer jeden validen HTML-Datei sind.
Antwort 13 von SilverTiger vom 09.03.2019, 13:38 Options
sry bin kein profi.. also muss ich bei jedem html teil 8also wenn php dazwischen war) neu mit html anfangen oder nur einmal oben und unten? danke
Antwort 14 von MoRe99 vom 09.03.2019, 14:09 Options
Zitat:
also muss ich bei jedem html teil 8also wenn php dazwischen war) neu mit html anfangen oder nur einmal oben und unten?
Du hast die Links, die ich gepostet hatte, aber schon verfolgt, oder? Und vor allem dort auch alles fein säuberlich und aufmerksam gelesen? Wenn ja, dann müsstest du bei selfHTML über das hier gestolpert sein:
Zitat:
Der gesamte übrige Inhalt einer HTML-Datei wird in die Tags <html> bzw. </html> eingeschlossen. Das html-Element wird auch als Wurzelelement einer HTML-Datei bezeichnet. Hinter dem einleitenden HTML-Tag folgt das einleitende Tag für den Kopf <head>. Zwischen diesem Tag und seinem Gegenstück </head> werden die Kapitel Kopfdaten einer HTML-Datei notiert. Die wichtigste dieser Angaben ist der Seite Titel der HTML-Datei, markiert durch <title> bzw. </title>. Unterhalb davon folgt der Textkörper, begrenzt durch <body> bzw. </body>. Dazwischen wird dann der eigentliche Inhalt der Datei notiert, also das, was im Anzeigefenster des WWW-Browsers angezeigt werden soll.
Übersetzt heißt das: wenn du eine Seite deiner Website anzeigst und dir den Seitenquelltext dann anschaust (und zwar von dem, was ausgeliefert wird, also von dem, was im Browser angezeigt wird), dann darf <html>
nur einmal vorkommen im gesamten Quelltext dieser Seite. Genau wie </html>, <head>, </head>, <body> und </body>.
Antwort 15 von rfb vom 09.03.2019, 14:11 Options
Zitat:
sry bin kein profi.. also muss ich bei jedem html teil 8also wenn php dazwischen war) neu mit html anfangen oder nur einmal oben und unten? danke
sorry, bin kein Hellseher. Was genau meinst du damit?
PHP hat damit nix zu tun - der Browser erhält kein PHP sondern HTML. Es ist dem Browser daher auch vollkomen egal wie dein PHP-Script aussieht.
Mit PHP bastelst du dir nur die HTML-Datei zusammen. Dass dabei valides HTML ensteht - darauf musst du achten.
Ich kann hier jetzt keinen Crashkurs HTML/PHP geben, aber im Netz findest du genug Anfängerkurse zum Thema.
Antwort 16 von harrrharrr vom 09.03.2019, 14:18 Options
<?
include ("config.php");
?>
Als Beispiel aus deinem Quelltext:
<? -->bedeutet dass ab hier PHP beginnt
dann kommen die Anweisungen....
?> -->bedeutet dass hier PHP endet und es mit HTML weitergeht bis du wieder einen PHP Bereich mit
<?
beginnst.
Jetzt verstanden?
Gruß
harrr
Antwort 17 von SilverTiger vom 09.03.2019, 18:17 Options
kay ich werde meine verbesserungen posten
Antwort 18 von SilverTiger vom 09.03.2019, 18:24 Options
Anweisung überall befolgt wie hier im index:
<html>
<head> <title> Cobra-Synchro </title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<?
include ("config.php");
?>
<div class="menue">
<table>
<tr>
<td> <a href="index.php ?section=start"class=block> </a> </td> <br>
</tr>
<tr>
<td> <a href="index.php ?section=inhalt"class=block2> </a> </td> <br>
</tr>
<tr>
<td> <a href="index.php ?section=geschichte"class=block3> </a> </td> <br>
</tr>
<tr>
<td> <a href="index.php ?section=charaktere" class=block4> </a> </td> <br>
</tr>
<tr>
<td> <a href="index.php ?section=technik" class=block5> </a> </td> <br>
</tr>
<tr>
<td> <a href="index.php ?section=links" class=block6> </a> </td> <br>
</tr>
<tr>
<td> <a href="index.php ?section=impressum" class=block7> </a> </td> <br>
</tr>
</table>
</div>
<div class="bg">
</div>
<div class="news">
<u> 06.03.07: </u> <br>
Intro kurz vor der Fertigstellung. <br> <br>
<u> 28.02.07: </u> <br>
Teilsynchro fast fertig. <br> <br>
Am 23.03.07 neue Cobra 11 Folgen mit
neuem Hauptkomissar <br> <br>
Erster Release bekannt
</div>
<div class="menue2">
<?
$newDate = mktime(0,0,0, 6, 10, 2007);
$actDate = time();
$diffDate = ($newDate-$actDate);
$days = floor($diffDate / 24 / 60 / 60 );
$diffDate = $diffDate - ($days*24*60*60);
$hours = floor($diffDate / 60 / 60);
$diffDate = ($diffDate - ($hours*60*60));
$minutes = floor($diffDate/60);
$diffDate = $diffDate - ($minutes*60);
$seconds = floor($diffDate);
echo "<u> Release: </u> <br> $days Tage $hours Stunden $minutes Minuten $seconds Sekunden <br> <br>";
?>
<?
$tag = date ("d");
$monat = date ("m");
$jahr = date ("Y");
$zeit = date ("H:i:s");
echo "$tag. $monat. $jahr <br> $zeit Uhr";
?>
</div>
<div class="top">
</div>
<div class="text">
<?
//else {include ('index.php');}
if (isset ($_GET ['section']))
{
include $datei [$section];
}
else {include ('start.php');}
?>
</div>
</body>
</html>
Antwort 19 von SilverTiger vom 09.03.2019, 18:47 Options
Meine kumpel haben alle kein html head und so und fast alles gleich bei denen geht es im FF! why bei mir nicht?
Antwort 20 von harrrharrr vom 09.03.2019, 20:27 Options
Dann verlink doch mal deine Seite und die deiner Kumpels hier rein, vielleicht kriegst du dann ne Antwort.
Gruß
harrr
ich muss schon sagen, in deinem Quelltext steht wirklich viel sinnloses Geschreibsel....