App installieren
How to install the app on iOS
Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature may not be available in some browsers.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder ein alternativer Browser verwenden.
Du solltest ein Upgrade durchführen oder ein alternativer Browser verwenden.
HTML/CSS Firefox übernimmt style Angaben aus <body> nicht
- Ersteller Ithil
- Erstellt am
Hallöchen, tja mein Problem ist ja in der Übershcrift schon fast beschrieben.
Überarbeite gerade einen Internetauftritt und hab gerade das Problem, dass ich für Hintergrundbild und so in <body> ein paar style="...;" Angaben gemacht habe. IE führt die auch alle einwandfrei aus, nur Firefox will garkeine davon übernehmen. Weis jemand woran das liegen kann und wie ich das beheben könnte?
Danke schonmal im Voraus
Überarbeite gerade einen Internetauftritt und hab gerade das Problem, dass ich für Hintergrundbild und so in <body> ein paar style="...;" Angaben gemacht habe. IE führt die auch alle einwandfrei aus, nur Firefox will garkeine davon übernehmen. Weis jemand woran das liegen kann und wie ich das beheben könnte?
Danke schonmal im Voraus
OBrian
Moderation MBDB, ,
- Mitglied seit
- 16.10.2000
- Beiträge
- 17.033
- Renomée
- 267
- Standort
- NRW
- Prozessor
- Phenom II X4 940 BE, C2-Stepping (undervolted)
- Mainboard
- Gigabyte GA-MA69G-S3H (BIOS F7)
- Kühlung
- Noctua NH-U12F
- Speicher
- 4 GB DDR2-800 ADATA/OCZ
- Grafikprozessor
- Radeon HD 5850
- Display
- NEC MultiSync 24WMGX³
- SSD
- Samsung 840 Evo 256 GB
- HDD
- WD Caviar Green 2 TB (WD20EARX)
- Optisches Laufwerk
- Samsung SH-S183L
- Soundkarte
- Creative X-Fi EM mit YouP-PAX-Treibern, Headset: Sennheiser PC350
- Gehäuse
- Coolermaster Stacker, 120mm-Lüfter ersetzt durch Scythe S-Flex, zusätzliche Staubfilter
- Netzteil
- BeQuiet 500W PCGH-Edition
- Betriebssystem
- Windows 7 x64
- Webbrowser
- Firefox
- Verschiedenes
- Tastatur: Zowie Celeritas Caseking-Mod (weiße Tasten)
Ich vermute, das ist ein Syntaxfehler irgendwo, aber so aus der Luft kann man das nicht genauer sagen. Poste doch mal den Code (kannst ja private Details wie Links usw. rauslöschen). Evtl. steht auch was in der Fehlerkonsole (im Firefox-Menü unter Extras).
Danke für den Tipp.
In der Fehlerkonsole stehen tatsächlich einige Fehler, die stammen aber nicht von mir. Ist halt immer etwas problematisch wenn man eine Seite von Anderen weiterführen muss.
hier mal das Body tag, den ganzen Quellcode geht echt nicht, das wäre viel zu viel und würde ohne den Inhalt auch nichts aussagen.
x=p hab nur noch zu wenig Postings, da meckert er gerade wegen Link^^
PS: Wenn ich einmal dabei bin: das Hintergrundbild ist ein Farverlauf, wie krige ich das Bild dazu so lang wie die jeweilige Seite zu werden? (Seiten ändern sich dynamisch)
In der Fehlerkonsole stehen tatsächlich einige Fehler, die stammen aber nicht von mir. Ist halt immer etwas problematisch wenn man eine Seite von Anderen weiterführen muss.
hier mal das Body tag, den ganzen Quellcode geht echt nicht, das wäre viel zu viel und würde ohne den Inhalt auch nichts aussagen.
HTML:
<body style="width:950px;" style="margin-left:auto; margin-right:auto;" style="background-image:url(httx://.../background.jpg); background-repeat:repeat-x;">
PS: Wenn ich einmal dabei bin: das Hintergrundbild ist ein Farverlauf, wie krige ich das Bild dazu so lang wie die jeweilige Seite zu werden? (Seiten ändern sich dynamisch)
Zuletzt bearbeitet:
Beppo98
Grand Admiral Special
- Mitglied seit
- 13.02.2006
- Beiträge
- 2.268
- Renomée
- 54
- Prozessor
- Intel Core 2 Duo E8400 (C0) (3,5 Ghz @ 1,25 V)
- Mainboard
- ASUS P5Q-EM (1605)
- Kühlung
- Scythe Mugen (D12SL-12 @ 5V)
- Speicher
- 2 x 2GB OCZ Reaper DDR2-1066 (470Mhz @ 5-5-5-12 PL8)
- Grafikprozessor
- GMA X4500HD (IGP)
- Display
- Samsung 226BW 22" Widescreen
- HDD
- Samsung F1 HD322HJ
- Optisches Laufwerk
- Samsung SH-W163A, Plextor PX-130A
- Soundkarte
- Onboard Realtek ALC1200
- Gehäuse
- Antec P180 - black
- Netzteil
- Seasonic S12II 330W
- Betriebssystem
- Vista Business 64Bit
- Webbrowser
- Mozilla Firefox 3.5.1
- Schau Dir das System auf sysprofile.de an
Hallo, probier doch mal folgendes. Definiere doch das body-Format doch mal zentral. Außerdem sind mehrere styles in einem Tag nicht HTML bzw. CSS konform.
PHP:
<html>
<head>
<title>Home</title>
<style type="text/css">
body {
width:950px;
margin-left:auto;
background-image:url(URL);
background-repeat:repeat-x;
}
</style>
</head>
<body>
</body>
Phil S.
Vice Admiral Special
- Mitglied seit
- 26.12.2001
- Beiträge
- 802
- Renomée
- 5
- Standort
- Mittelfranken
- Mein Laptop
- Schwarzes Macbook
- Prozessor
- AMD XP-M 2600+
- Mainboard
- ABIT KV7
- Speicher
- 2x512 MB Corsair Pro RAM
- Grafikprozessor
- ATI Radeon 9800 pro
- Display
- 1x 19" Belinea 106080 und 1x17" Iiyama HM704UTc, beide auf 1152x864
- HDD
- WD1600BB
- Optisches Laufwerk
- LG Brenner und AOpen DVD-Rom
- Soundkarte
- Creative Live 1024
- Gehäuse
- LianLi (das mit dem Aquarium Seitenteil)
- Betriebssystem
- Gentoo
- Webbrowser
- Firefox
- Verschiedenes
- ...und dann war da noch der quietische iMac G3. :-)
MitAh Danke Beppo98, es hat funktioniert. Jetzt zeigt Firefox alles auch fein säuberlich an
Bleibt nur noch die Frage wie ich das Hintergrundbild in seiner Länge dynamisch der Seite anpassen kann.
HTML:
background-repeat:repeat-y;
HTML:
background-repeat:repeat
Ciao
Phil
Danke Phil S. aber so einfach geht es eben nicht, weil es sich beim Hintergrundbild wie gesagt um einen Farbverlauf handelt und wenn ich den einfach wiederholen lasse fängt er ja wieder mit dem dunklen an und das sieht dann blöd aus. Der Farbverlauf soll ja von oben nach unten durchgängig sein.
BoMbY
Grand Admiral Special
- Mitglied seit
- 22.11.2001
- Beiträge
- 7.468
- Renomée
- 293
- Standort
- Aachen
- Prozessor
- Ryzen 3700X
- Mainboard
- Gigabyte X570 Aorus Elite
- Kühlung
- Noctua NH-U12A
- Speicher
- 2x16 GB, G.Skill F4-3200C14D-32GVK @ 3600 16-16-16-32-48-1T
- Grafikprozessor
- RX 5700 XTX
- Display
- Samsung CHG70, 32", 2560x1440@144Hz, FreeSync2
- SSD
- AORUS NVMe Gen4 SSD 2TB, Samsung 960 EVO 1TB, Samsung 840 EVO 1TB, Samsung 850 EVO 512GB
- Optisches Laufwerk
- Sony BD-5300S-0B (eSATA)
- Gehäuse
- Phanteks Evolv ATX
- Netzteil
- Enermax Platimax D.F. 750W
- Betriebssystem
- Windows 10
- Webbrowser
- Firefox
Wie wäre es mit
oder so ähnlich?
Code:
height:100%;
[³dgamer]
Grand Admiral Special
- Mitglied seit
- 08.02.2005
- Beiträge
- 2.018
- Renomée
- 38
Du kannst den Hintergrund entweder einmal anzeigen lassen oder unendlich oft.Danke Phil S. aber so einfach geht es eben nicht, weil es sich beim Hintergrundbild wie gesagt um einen Farbverlauf handelt und wenn ich den einfach wiederholen lasse fängt er ja wieder mit dem dunklen an und das sieht dann blöd aus. Der Farbverlauf soll ja von oben nach unten durchgängig sein.
Die "Höhe" definieren geht nicht! Wenn dann müßte man tricksen. D.h. du baust einen dynmischen unsichtbaren DIV-Container mit Hintergrundbild und packst die gesamte Seite da rein. Aber ob das den Aufwand rechtfertigt..
\²³/
Grand Admiral Special
Du darfst nicht mehrmals das Attribut style vergeben. Wenn du CSS-Code direkt im HTML eingeben willlst, musst du die einzelnen Anweisungen mit einem Semikolon trennen. In deinem Fall so:HTML:<body style="width:950px;" style="margin-left:auto; margin-right:auto;" style="background-image:url(httx://.../background.jpg); background-repeat:repeat-x;">
HTML:
<body style="width:950px; margin-left:auto; margin-right:auto;" style="background-image:url(httx://.../background.jpg); background-repeat:repeat-x;">
Beppo98
Grand Admiral Special
- Mitglied seit
- 13.02.2006
- Beiträge
- 2.268
- Renomée
- 54
- Prozessor
- Intel Core 2 Duo E8400 (C0) (3,5 Ghz @ 1,25 V)
- Mainboard
- ASUS P5Q-EM (1605)
- Kühlung
- Scythe Mugen (D12SL-12 @ 5V)
- Speicher
- 2 x 2GB OCZ Reaper DDR2-1066 (470Mhz @ 5-5-5-12 PL8)
- Grafikprozessor
- GMA X4500HD (IGP)
- Display
- Samsung 226BW 22" Widescreen
- HDD
- Samsung F1 HD322HJ
- Optisches Laufwerk
- Samsung SH-W163A, Plextor PX-130A
- Soundkarte
- Onboard Realtek ALC1200
- Gehäuse
- Antec P180 - black
- Netzteil
- Seasonic S12II 330W
- Betriebssystem
- Vista Business 64Bit
- Webbrowser
- Mozilla Firefox 3.5.1
- Schau Dir das System auf sysprofile.de an
Du darfst nicht mehrmals das Attribut style vergeben. Wenn du CSS-Code direkt im HTML eingeben willlst, musst du die einzelnen Anweisungen mit einem Semikolon trennen. In deinem Fall so:HTML:<body style="width:950px; margin-left:auto; margin-right:auto;" style="background-image:url(httx://.../background.jpg); background-repeat:repeat-x;">
Jetzt hast du es aber auch mehrmals vergeben
HTML:
<body style="width:950px; margin-left:auto; margin-right:auto; background-image:url(httx://.../background.jpg); background-repeat:repeat-x;">
OBrian
Moderation MBDB, ,
- Mitglied seit
- 16.10.2000
- Beiträge
- 17.033
- Renomée
- 267
- Standort
- NRW
- Prozessor
- Phenom II X4 940 BE, C2-Stepping (undervolted)
- Mainboard
- Gigabyte GA-MA69G-S3H (BIOS F7)
- Kühlung
- Noctua NH-U12F
- Speicher
- 4 GB DDR2-800 ADATA/OCZ
- Grafikprozessor
- Radeon HD 5850
- Display
- NEC MultiSync 24WMGX³
- SSD
- Samsung 840 Evo 256 GB
- HDD
- WD Caviar Green 2 TB (WD20EARX)
- Optisches Laufwerk
- Samsung SH-S183L
- Soundkarte
- Creative X-Fi EM mit YouP-PAX-Treibern, Headset: Sennheiser PC350
- Gehäuse
- Coolermaster Stacker, 120mm-Lüfter ersetzt durch Scythe S-Flex, zusätzliche Staubfilter
- Netzteil
- BeQuiet 500W PCGH-Edition
- Betriebssystem
- Windows 7 x64
- Webbrowser
- Firefox
- Verschiedenes
- Tastatur: Zowie Celeritas Caseking-Mod (weiße Tasten)
Das geht so nicht, wenn Du unterschiedlich lange Seiten unbekannter Länge hast. Aber Du könntest einen halben Farbverlauf je oben und unten machen, also statt komplett von z.B: schwarz nach weiß eben ein Hintergrundbild mit schwarz bis mittelgrau, dann die Seite in mittelgrau und unten noch ein Bild mit Verlauf von mittelgrau bis weiß.Danke Phil S. aber so einfach geht es eben nicht, weil es sich beim Hintergrundbild wie gesagt um einen Farbverlauf handelt und wenn ich den einfach wiederholen lasse fängt er ja wieder mit dem dunklen an und das sieht dann blöd aus. Der Farbverlauf soll ja von oben nach unten durchgängig sein.
Alternative könnte SVG sein, das ist ein XML-Bildformat, was dann auch dynamisch (z.B. per Skript) veränderbar ist wie eine normale HTML-Seite. Mußt Dich natürlich erst einarbeiten und vielleicht mußt Du auch größere Umbauarbeiten an der Website machen, aber der Farbverlauf dürfte hinzukriegen sein. Nachteil ist, daß es nicht unbedingt jeder Browser unterstützt, aber die neueren schaffen es.
http://de.wikipedia.org/wiki/Scalable_Vector_Graphics
http://svg.tutorial.aptico.de/start.php
\²³/
Grand Admiral Special
Hab mich vertan. Richtig. Also korrekt wäre es natürlich nur, wenn man alle Aneweisungen zusammenfassen würde.Jetzt hast du es aber auch mehrmals vergeben
HTML:<body style="width:950px; margin-left:auto; margin-right:auto; background-image:url(httx://.../background.jpg); background-repeat:repeat-x;">
Wow, Danke Leute für die Erklärungen.
@OBrian: Vielen Dank, leider kann ich bei der Seite keine dynamische programmierung verwenden, weil es für einen Ebay Powerseller ist und Ebay mit dynamischen Elementen so seine Probleme hat.
Aber du hast mich trotzdem auf die Lösung gebracht. Ich werde keinen gegenläufigen Farberlauf verwenden, sondern den Hintergrund einfach in der hellsten Farbe einfärben, sodass unten dann diese zu sehen ist, wenn der Balken doch mal zu kurz sein sollte.
.
EDIT :
.
So, neuer Tag, selbes Problem nur andersrum^^
Also, Wir haben mal ein Produkt probeweise mit dem neuen CSS Code bei Ebay reingestellt und wie befürchtet hat Ebay mir da erstmal bei einigen Elementen einen Strich durch die Rechnung gemacht. Irgendwas in <body> zu ändern kann ich vergessen, weil das nicht nur für unseren Abschnitt sondern für die gesamten Ebay Anzeigen auch gilt. Naja, musste ich meine Positionierung eben jedem einzelnen CSS Abschnitt zuweisen, umständlich, aber hat funktioniert. Leider eben aber nur im Firefox. IE weigert sich beharrlich innerhalb von Ebay die margin Anweisungen auszuführen. Weis jemand woran das liegen kann? Und wie ich das ändern könnte?
Danke schonmal im Voraus
@OBrian: Vielen Dank, leider kann ich bei der Seite keine dynamische programmierung verwenden, weil es für einen Ebay Powerseller ist und Ebay mit dynamischen Elementen so seine Probleme hat.
Aber du hast mich trotzdem auf die Lösung gebracht. Ich werde keinen gegenläufigen Farberlauf verwenden, sondern den Hintergrund einfach in der hellsten Farbe einfärben, sodass unten dann diese zu sehen ist, wenn der Balken doch mal zu kurz sein sollte.
.
EDIT :
.
So, neuer Tag, selbes Problem nur andersrum^^
Also, Wir haben mal ein Produkt probeweise mit dem neuen CSS Code bei Ebay reingestellt und wie befürchtet hat Ebay mir da erstmal bei einigen Elementen einen Strich durch die Rechnung gemacht. Irgendwas in <body> zu ändern kann ich vergessen, weil das nicht nur für unseren Abschnitt sondern für die gesamten Ebay Anzeigen auch gilt. Naja, musste ich meine Positionierung eben jedem einzelnen CSS Abschnitt zuweisen, umständlich, aber hat funktioniert. Leider eben aber nur im Firefox. IE weigert sich beharrlich innerhalb von Ebay die margin Anweisungen auszuführen. Weis jemand woran das liegen kann? Und wie ich das ändern könnte?
Danke schonmal im Voraus
Beppo98
Grand Admiral Special
- Mitglied seit
- 13.02.2006
- Beiträge
- 2.268
- Renomée
- 54
- Prozessor
- Intel Core 2 Duo E8400 (C0) (3,5 Ghz @ 1,25 V)
- Mainboard
- ASUS P5Q-EM (1605)
- Kühlung
- Scythe Mugen (D12SL-12 @ 5V)
- Speicher
- 2 x 2GB OCZ Reaper DDR2-1066 (470Mhz @ 5-5-5-12 PL8)
- Grafikprozessor
- GMA X4500HD (IGP)
- Display
- Samsung 226BW 22" Widescreen
- HDD
- Samsung F1 HD322HJ
- Optisches Laufwerk
- Samsung SH-W163A, Plextor PX-130A
- Soundkarte
- Onboard Realtek ALC1200
- Gehäuse
- Antec P180 - black
- Netzteil
- Seasonic S12II 330W
- Betriebssystem
- Vista Business 64Bit
- Webbrowser
- Mozilla Firefox 3.5.1
- Schau Dir das System auf sysprofile.de an
Setzt du deine Auszeichnungen einfach in ein <div style="...">a</div>? Ein Beispiel wäre gut.
Oder auch die Seite http://www.selfhtml.org/. Da ich irgendwie das Gefühl habe, dass du dich noch nicht wirklich richtig in die Materie eingearbeitet hast
Also ich benutze eine seperate CSS Datei und spreche die einzelnen Bereiche über id an.
Bsp:
und dann in der CSS Datei
Naja, ich studiere Medieninformatik, bin grad im 5. Semester, also im Praksissemester und das ist wirklich meine 1. Internetseite die ich betreue. selfhtml nutze ich ja schon die ganze Zeit^^
Naja, wie gesagt, es funktioniert mit Firefox wunderbar, aber IE nimmt in obigem Beispiel die margin Befehle nicht an, also da kann ich schreiben was ich will, er positioniert die Seite nicht mittig.
Bsp:
HTML:
<div id="main">
HTML:
#main{
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
width:950px;
overflow:auto;
border-left:1px solid #0568A3;
border-right:1px solid #0568A3;
border-bottom:1px solid #0568A3;
}
Naja, ich studiere Medieninformatik, bin grad im 5. Semester, also im Praksissemester und das ist wirklich meine 1. Internetseite die ich betreue. selfhtml nutze ich ja schon die ganze Zeit^^
Naja, wie gesagt, es funktioniert mit Firefox wunderbar, aber IE nimmt in obigem Beispiel die margin Befehle nicht an, also da kann ich schreiben was ich will, er positioniert die Seite nicht mittig.
\²³/
Grand Admiral Special
Probiers mal mit text-align:
Zitat von selfHTML
Der Wert auto setzt den rechten Abstand auf die gesamte noch zur Verfügung stehende Breite, wirkt sich also ohne Angabe zu margin-left nicht aus. Über margin-left:auto; margin-right:auto können Block-Elemente zentriert werden. Der Internet Explorer unterstützt dies allerdings bis zur Version 5.x noch nicht; Sie können jedoch dessen fehlerhafte Umsetzung von text-align zur Zentrierung von Block-Elementen ausnutzen.
Zuletzt bearbeitet:
Einen Versuch war es wert, aber außer dem Text verändert sich da leider nichts. Schätzungsweise wirkt da Ebay in irgendeiner Weise gegen.
Außerdem verwendet die Firma IE Version 6.0, er müsste die margin Befehle also eigentlich kennen.
Außerdem verwendet die Firma IE Version 6.0, er müsste die margin Befehle also eigentlich kennen.
Chris_Bear
Admiral Special
Der Tip mit text-align war schon gar nicht schlecht. "margin: auto;" ist der CSS-konforme Weg um Div-Container zu zentrieren. Leider hält sich da der IE wie zu erwarten nicht dran. Hier musst du ein extra "div" um die komplette Seite (bzw. deinen Bereich bei Ebay) einbauen und diesem dann die Attribute "width: 100%; text-align: center;" verpassen. In deinem jetzigen Container (der mit dem "margin: auto;") fügst du dann noch ein "text-align: left;" hinzu, da die Eigenschaft sonst vererbt wird und dir den ganzen Text zentriert.
Gruß, Chris
Gruß, Chris
So, wir haben heute wieder einen Testartikel hochgeladen diesmal mit den Änderungen die ChrisBaer vorgeschlagen hat. Endlich funktioniert alles so wie es sein solllte! Danke Chris!
Also wer zufällig auch mal wieder mit Ebay probleme hat kann sich merken: nicht das body Tag verändern, denn dann verändert sich die gesamte Ebay Seite, sondern um deinen Bereich einen div-tag legen und darin alles eintragen.
Also wer zufällig auch mal wieder mit Ebay probleme hat kann sich merken: nicht das body Tag verändern, denn dann verändert sich die gesamte Ebay Seite, sondern um deinen Bereich einen div-tag legen und darin alles eintragen.
Ähnliche Themen
- Antworten
- 0
- Aufrufe
- 54K
- Antworten
- 0
- Aufrufe
- 52K
- Antworten
- 0
- Aufrufe
- 116K