nicht angemeldet
Ebenen werden im firefox nach unten verschoben dargestellt
Hallo,
ich bin Lehrer und für die Schulhomepage an unserer Schule zuständig,
weshalb ich natürlich nur ein ziemlicher Laie bin. Wir machen unsere HP mit
Namo Webeditor (der leider alles für IE optimiert). Eine Sache ist mir
jedoch unklar. Firefox ist bei mir der einzige Browser, der Ebenen nach
unten verschoben darstellt, obwohl die y-Anweisung in pixel doch ganz klar
ist (Bsp. http://www.st-ursula-donauwoerth.de/Archiv/2008/abschlussgag/gag2008.htm , die Seite wird
eigentlich in einem Frame angezeigt und das mittlere große Bild sollte die
kleinen im Hintergrund abdecken). Kann man hier an den Firefox
Einstellungen was ändern oder kann ich das im HTML-Code berücksichtigen?
Vielen Dank für die Hilfe und Grüße, T. Schuster
-
Ein Mensch, der das Gericht bemüht, um seinen Nachbar zu verklagen, ist gut mit einer vrherigen Rechtsberutung beraten.
Ebenso gilt, dass, wer gegen das Browserverhalten aufbegehren will, nachweisen sollte, dass er dem Browser einen erwünschten Standard, nach dem er validieren darf, zugestellt wurde.Ich vermisse im betreffenden Document eine DOCTYPE Angabe. Dadurch darf der Browser machen, was er will, ohne rot zu werden.
mfg Beat
-
Erst einmal danke für die Antwort.
Hier wollte aber eigentlich niemand "aufbegehren", ich dachte eigentlich,
dass ich klargestellt habe, dass ich Laie bin und dass die Seite von einem
Programm erstellt wird.
Ich wollte ja nur wissen, ob es eine Lösung gibt.
Muss ich hier z.B. "nur" eine Zeile einfügen oder ist der Aufwand größer? Ich mache das mit der HP ja wie gesagt für meinen Arbeitgeber in meiner
Freizeit und wäre halt dankbar, wenn ich mich dafür nicht stundenlang
einarbeiten müsste, um herauszufinden was in der "DOCTYPE Angabe" denn
stehen sollte.
Danke und Grüße, Thomas-
Ich kann wirklich nur raten:
Der Background wird vom Viewport aus berechnet.
Der Content beginnt aber beim body
Da der body per default immer einen margin hat, dürftest du im CSS diese Angabe versuchen:body {margin:0; padding:0;}
mfg Beat
-
Danke! Ich habs ausprobiert und der Inhalt (also z.B. die Tabelle mit den
kleinen Bildern des Fotoalbums) rutscht dann tatsächlich nach oben. Auf die
Ebenen hat es aber leider keinen Einfluss. Gerade umgekehrt wäre es super.
Grüße, Thomas-
Vielleicht hilft das noch:
Habe gerade eine Ebene vergrößert und mit einem Hintergrundbild gefüllt.
Bei der Ansicht in Firefox sieht man dann, dass die Ebene schon ganz oben
anfängt, dass aber das Bild in der Ebene nach unten verschoben ist. Gibt es
hier auch einen Rand oder Rahmen?
Gruß, Thomas
-
-
-
-
-
Hab hier noch mal ne einfache Testdatei hochgeladen
(http://www.st-ursula-donauwoerth.de/test.htm).
Sowohl Text, als auch Grafik ist ca. 6 Pixel vom Rand
nach unten verschoben. Oder ist das nur in meinem Firefox so?
Grüße, Thomas-
Hab hier noch mal ne einfache Testdatei hochgeladen
(http://www.st-ursula-donauwoerth.de/test.htm).
Sowohl Text, als auch Grafik ist ca. 6 Pixel vom Rand
nach unten verschoben. Oder ist das nur in meinem Firefox so?OK ich nehme jetzt den Code auseinander.
Meine Kommentare als <!-- KOMMENTARE -->
<!-- Was ist der Doctype? --> <html> <head> <title>Kein Titel</title> <meta name="generator" content="Namo WebEditor v5.0"> <!-- Scheiss Software --> <!-- Style Bereich wäre sinnvoll --> </head> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <!-- Bitte CSS verwenden --> <p> </p> <!-- Schlechte Idee um zu Layouten, Dafür gibt es CSS margin und padding --> <div id="layer1" style="background-image:url('Hintergruende/blau.gif'); width:121px; height:115px; position:absolute; left:278px; top:37px; z-index:1;"> <p><img src="Fotos/Gifs/construction5.gif" width="40" height="40" border="1"></p> </div> <!-- Du fügst dein Bild in ein p Element, dass per Default Browser Stylesheet einen margin != 0 hat. --> <div id="layer2" style="background-image:url('Hintergruende/Background.jpg'); width:162px; height:132px; position:absolute; left:466px; top:65px; z-index:1;"> <p>Text</p> </div> <!-- Du fügst deinen Text in ein p Element, dass per Default Browser Stylesheet einen margin != 0 hat. --> <p> </p> <!-- böse --> <p> </p> <!-- böse --> </body> </html>mfg Beat
-
Danke für die schnellen Antworten, aber ich bin wohl zu wenig in der Materie drin.
<!-- Was ist der Doctype? -->
Das weiß ich eben nicht, habe mal ein paar Bsp. aus dem Forum ausprobiert, aber ohne Erfolg.
<meta name="generator" content="Namo WebEditor v5.0">
<!-- Scheiss Software -->Ist mir klar, aber wir haben die mal vor ein paar Jahren gekauft und ein
älterer Kollege, der mitarbeitet, hat sich da eingearbeitet. Zu der Zeit
waren halt auch nur ie und netscape aktuell.Könntest du mir evtl. einen Bsp-Code einer Seite geben, die einfach
irgendwo eine Ebene enthält in der eine Grafik im linken oberen Eck sitzt
und welche von allen Browsern gleich angezeigt würde (natürlich nur, wenn
es nicht aufwändig ist).
Danke und Grüße, Thomas-
Könntest du mir evtl. einen Bsp-Code einer Seite geben, die einfach
irgendwo eine Ebene enthält in der eine Grafik im linken oberen Eck sitzt
und welche von allen Browsern gleich angezeigt würde (natürlich nur, wenn
es nicht aufwändig ist).Nach diesem Code sollte bündig am oberen Viewportrand ein grauer Bereich in der Mitte erscheinen. Der enthaltene "Text" ist selbst nicht zentriert.
Die Höhe des Divs entspricht der Lineheight des textes und ist somit von der durch den user eingestellten Standardschriftgrösse abhängigErscheint der Bereich nicht in der Mitte, ist der Browser ev. ein MSIE6 im Quirksmode, wozu es aber keinen Anlass gibt.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Beispiel</title> </head> <body style="margin:0;"> <div style="margin:0 auto;width:10em;background-color:#ccc">Text</div> </body> </html>mfg Beat
-
Danke, hab schon ein wenig rumprobiert, kann in das Layer auch ein Bild
setzen, ab er wie bekomme ich die Ebene mit dem linken oberen Punkt an die
Position left:251px; top:0px;?
Gruß, Thomas-
Danke, hab schon ein wenig rumprobiert, kann in das Layer auch ein Bild
setzenja.
, ab er wie bekomme ich die Ebene mit dem linken oberen Punkt an die
Position left:251px; top:0px;?Damit top: und left: etc... überhaupt auf ein Element anwendbar sind, muss die position: vom Wert relative, absolute oder fixed sein.
Relevante Information gibt es hier:
http://de.selfhtml.org/css/eigenschaften/positionierung.htmGruß, Thomas
mfg Beat
-
Damit top: und left: etc... überhaupt auf ein Element anwendbar sind,
muss die position: vom Wert relative, absolute oder fixed sein.
Ok, das wars, das hat noch gefehlt. Jetzt hauts hin.
Vielen Dank nochmal uns Grüße, Thomas
-
-
-
-
-
-
-
Hallo,
ich bin Lehrer und für die Schulhomepage an unserer Schule zuständig,
weshalb ich natürlich nur ein ziemlicher Laie bin. Wir machen unsere HP mit
Namo Webeditor (der leider alles für IE optimiert). Eine Sache ist mir
jedoch unklar. Firefox ist bei mir der einzige Browser, der Ebenen nach
unten verschoben darstellt, obwohl die y-Anweisung in pixel doch ganz klar
ist (Bsp. http://www.st-ursula-donauwoerth.de/Archiv/2008/abschlussgag/gag2008.htm , die Seite wird
eigentlich in einem Frame angezeigt und das mittlere große Bild sollte die
kleinen im Hintergrund abdecken). Kann man hier an den Firefox
Einstellungen was ändern oder kann ich das im HTML-Code berücksichtigen?
Vielen Dank für die Hilfe und Grüße, T. SchusterHallo Schustec,
erst mal eine Doctype Angabe am Anfang eines Html-Dokuments ist notwendig, dass der Browser ihren Html-Code richtig interpretieren kann, denn es gibt verschiedene "Html-Code-Schreibweisen" bei dir müsste der doctype so aussehen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> und dieser ganze Ausdruck sollte vor dem ersten <html> stehen also als aller erstes ganz oben.
Zum css: css dient dazu den Rein-Inhalt (also den Text) vom Layout (Hintergrundbildern, Positionierung, Farben,...) zu trennen, außerdem bieten die cascading style sheets sehr viel mehr Gestaltungsmöglichkeiten als reines Html (du hast ja auch schon ein paar Styles eingebaut... style="...").
Um CSS zu lernen empfehle ich dir entweder den css-Teil von Selfhtml oder css4you.de
Last but not least kann ich dir ein Programm empfehlen, dass ein Freund von mir geschrieben hat den Nexus-Html-Editor mit ihm kannst du Html-Elemente per Knopfdruck einfügen (wie z.B. den Doctype) du kannst ihn hier herunterladen: Nexus
Wenn du noch weitere Fragen hast, dann melde dich unter info[at]martin-schalk.euAuf Wiederlesen Martin
-
OK und Danke!
Thomas
-