Warum kann Firefox CSS nd richtig darstellen?

Ich habe eine Website programmiert https://djhase.de/index.php). Auf allen Browsern wird die Website richtig dargestellt nur nicht auf/in Firefox wie kann ich CSS Datein jetzt so anpassen, das auf Firefox alles richtig darstellt?

23.11.2023, 18:27

Hier noch ein Bild auf Firefox

Und so auf Chrome (was richtig ist)

havefunidont

23.11.2023, 18:20

Du müsstest dazu einen Screenshot schicken, damit man eine Vorstellung davon bekommt, was du meinst. P.S.: Der Link funktioniert nicht.

creamyduck

Beitragsersteller

23.11.2023, 18:22

Ah f wegen der Klammer
Hier nochmal der Link: https://djhase.de/index.php

1 Antwort

Vom Beitragsersteller als hilfreich ausgezeichnet

Fuchsling

23.11.2023, 22:48

Firefox scheint nicht die Größe des Bilds zu verwenden, weshalb die ganze Section zusammenkracht.

Einfach bei #home1 im CSS nicht nur die max-height bestimmen, sondern auch die min-height, vermutlich ebenfalls 700px.

Woher ich das weiß:Studium / Ausbildung – Abgeschlossene Ausbildung zum Fachinformatiker

Ähnliche Beiträge

Html Seitengröße anpassen?

Ich habe eine Website auf meinem Ipad (9,7 Zoll) programmiert und für das Querformat optimiert. Nun möchte ich, dass sich die Größen (Text) automatisch anpassen, wenn man die Website mit einem Gerät (beliebige Bildschirmgröße) öffnet. Vielen Dank im Voraus.

...zum Beitrag

Wie kann man seine selbst programmierte Website veröffenlichen?

Ich habe meine eigene Website erstellt und CSS hinzugefügt. Ich muss nur noch wissen wie man sie veröffentlichen kann.

...zum Beitrag

Unterschied Html etc. zu WordPress/Wix?

Hallo,

ich habe eine Frage zum Thema Websites. Und zwar weiß ich nicht genau, worin der Unterschied zwischen einer programmierten Website (beispielsweise mit Html oder CSS) und einer Website, die mit einer Programm wie WordPress erstellt wurde liegt.
Denn falls es dahingehend keine nennenswerten Unterschiede geben sollte, wäre es ja unnötig extra eine Programmiersprache zu lernen, wenn man es auch einfacher machen kann oder liege ich da falsch?

Vielen Dank schonmal

...zum Beitrag

Website vergrößern Html/ Css?

Hallo alle zusammen,

Ich habe eine Website am Laptop mit HTML und CSS programmiert, aber wenn ich das auf dem PC öffnen möchte dann ist das Format kleiner und damit es passt muss ich die Website um 175% vergrößern im browser...

Kann ich das in HTML und CSS irgendwie reinschreiben, dass sich die seite immer automatisch in der größe ist und wenn ja wie?

Danke für eure hilfe

...zum Beitrag

Bild als Hintergrund Bild in Website einbinden (HTML , CSS )?

Hallo,

Ich Programmiere gerade eine Website in Visual Studio Code und will hinter den Buttons(siehe Bild 2) ein Bild als Hintergrund haben. Nun habe ich das ganze so programmiert (siehe Bild 1) und auch das Bild in die Website Datei eingefügt und alles gemacht. Dennoch sieht das ganze wenn man den liveserver öffnet, so (siehe Bild 2 ) aus und es ist anstatt dem Foto nur das Foto jpg Symbol klein zu sehen . Wie kann ich das ändern so das ich das Bild sehen?

Vielen Dank

...zum Beitrag

Bild als Cursor verwenden bei HTML?

also, wir müssen eine Website für ein Schulprojekt programmieren (IT-Schule) und ich wollte für den Vibe ein Image als Cursor einfügen. Auf mehreren Websites (und auch Chat GPT) hat es mir Code Beispiele gegeben, bzw war das eh immer derselbe, aber es funktioniert halt nd.

das wäre jz mein CSS bis jetzt,

und das zeigt es mir im Browser in der Konsole an (ich verwende Firefox), also der Code kann ja auf das Bild zugreifen.

Was ist das jetzt das Problem?

...zum Beitrag

Wie versende ich eine selbst programmierte Website per Email?

Ich habe eine Website für ein Thema in der Schule programmiert. Jetzt möchte ich gerne diese Website (eigentlich die Datei) über Email an meinen Lehrer versenden. Leider gibt es jedes mal ein Problem dabei, unzwar wird die geschickte Website nicht so angezeigt, wie sie sollte. Es sieht bisschen so aus, als wäre der ganze CSS Code dadurch gelöscht wurden (man sieht nichts außer normaler Schrift, keine Bilder usw.). Ich habe auch schon probiert sie als Zip-Datei zu schicken, doch auch das hat nichts gebracht. Gibt es dafür eine Lösung? Ich könnte mir auch vorstellen, dass das Versenden über Email der Fehler ist, allerdings weiß ich leider nicht weiter.

Vielen Dank an jeden, der vielleicht eine Lösung hat :)

...zum Beitrag

Kann man Websites ohne CSS erstellen?

Wenn ja, wie kann ich die Website stylen?

...zum Beitrag

Website in verschiedenen Browser?

Ich bin gerade dabei eine Website zu machen, und wollte fragen, wie ich meine Website auf verschiedenen Browser anpassen kann. Also wenn ich jetzt z.B auf Google Chrome auf die Website geh, will ich, dass auf Firefox die Website exakt gleich ausschaut.

...zum Beitrag

CSS Problem mit Firefox?

Ich will gerade ein kleines CSS-only Dropdown-Menü mittels der Pseudoklasse :focus realisieren. Das funktioniert in Chrome, Edge und Safari super, nur Firefox schießt hier quer und die Links lassen sich nicht anklicken. Meine Vermutung ist, dass es bei Firefox ein Timing-Problem gibt und – vereinfacht gesagt – blur vor click kommt und click ins leere läuft, da der Link dann unsichtbar ist.

Hier ein ganz einfacher Testcase:

HTML

<nav>
 <span class="menu" tabindex="-1">
  Menü aufrufen
  <ul>
   <li><a href="https://www.gutefrage.net/" target="_blank">Gutefrage</a></li>
   <li><a href="https://www.google.com/" target="_blank">Google</a></li>
  </ul>
 </span>
</nav>

CSS

.menu {
 position: relative;
 border: 1px solid silver;
 border-radius: 5px;
 padding: 4px 8px;
}

.menu:focus {
 background-color: coral;
}

.menu ul {
 display: none;
}

.menu:focus ul {
 position: absolute;
 display: block;
}

Link

https://jsfiddle.net/Babelfisch/bck65qeo/6/

Hat jemand eine Idee, wie ich Firefox hier dazu bringen kann, sich wie alle anderen Browser zu verhalten? Ich bin hier gerade mit meinem Latein am Ende, will das ganze aber ungern begraben oder unnötig Javascript dafür nutzen.

...zum Beitrag

Darkmode bei Samsung für Website rauscodieren?

Hallo,

ich habe das Problem das meine Website bzw. Shop bei Samsung Handys im Dark Mode komplett anders aussehen bzw. eine andere Farbgestaltung haben.

Soweit ich herrausfinden konnte gibt es eine Möglichkeit via CSS Code dies zu unterbinden.

Dazu ein Statement eines Samsung Entwicklers:

https://developer.samsung.com/internet/blog/en-us/2020/12/15/dark-mode-in-samsung-internet

Kann mir jemand helfen, was genau ich wo genau einfügen oder anpassen muss damit meine Website durch diesen Dark Mode nicht geändert wird?

Dankeschön!

...zum Beitrag

Wie kann man in einer HTML-Website den Übersetzer ausschalten?

Ich habe eine eigene Website mit HTML, CSS und JavaScript programmiert und ich habe ein paar englische Wörter, die ich nicht Übersetzen möchte, sondern in Originalform stehenlassen möchte. Wie kann man das programmieren.

...zum Beitrag

In CCS Datei bestehenden Font durch TTF Font ersetzen?

Hallo zusammen.
Ich habe ein Problem. Auf einer Webseite muss ich die Schriftart ändern und weiss absolut nicht wie.

Die Website ist mit HTML und CSS Stylesheet programmiert.

Kann mir jemand helfen und zeigen, wie ich das Stylesheet so abändern kann, dass der TTF Font, der sich im selben Verzeichnis befindet wie die CSS Datei, als Schriftart auf der Webseite verwendet wird anstelle des bestehenden Webfonts.

Die Schriftart heisst: MuseoSans_100: https://www.georgyboy.ch/test/MuseoSans_100.ttf
Link zur CSS Datei:
https://www.georgyboy.ch/test/style.css
Link zur HTML Datei:
https://www.georgyboy.ch/test/index.html

Ganz herzlichen Dank für eure Hilfe.

...zum Beitrag

Welches CSS Framework und welches Planungstool sollte ich nutzen?

Hallo,

bisher habe ich jede Idee und jedes Projekt von Null an selbst programmiert und CSS geschrieben.

Um mich zukünftig mehr auf JS und React konzentrieren zu können und auch Ideen schneller umsetzen zu können, möchte ich vorgefertigte HTML/CSS Komponenten verwenden.

Zudem möchte ich dieses Framework auch in Figma nutzen können, um die Idee besser planen zu können.

Welches CSS Framework würdet ihr empfehlen und warum? Es sollte ein modernes Design haben (Bootstrap fällt daher für mich raus). Eine große Auswahl an Komponenten haben, welche man einfach kombinieren und anpassen kann. Die Lizenz sollte auch für kommerzielle Projekte gelten und möglichst kostenlos sein. Tailwind ist kostenpflichtig oder?
Welches Tool könnt ihr noch empfehlen, um eine App/PWA zu skizzieren und zu planen?

Gruß ebody

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen