online 1
gast (50)

/ Forum / Webseiten/HTML

Webseiten/HTMLWebseiten/HTML

Fragevon TB74 vom 09.02.2021, 21:36 Options

Problem beim Anschauen der Seite auf 15 zoll Monitor

Hallo
Ich habe meine Seite nun so gut wie fertig, und wollte checken, wie sie auf dem Laptop aussieht.
Leider musste ich feststellen, dass man nur 1/3 der Seite sehen kann. Sie ist also zu groß.
Wenn ich nun alles verkleinere, dann habe ich auf dem 19 zoll Bildschirm ja nur noch ein kleines Bild. Fast unleserlich.
Kann mir jemand sagen wo ich z.B. bei selfhtml etwas darüber finden kann.

Danke


Antwort schreiben

Antwort 1 von hans889 vom 09.02.2021, 21:48 Options

Hi,

wenn du die Seite mit Tabellen gestaltet hast, solltest du im HTML unter den Tabellenspezifikatioenen bei width den Wert 100% eingeben und keinen festen Wert. Dann wird das an den jeweiligen Bildschirm angepasst.

Ansonsten sind mehr Infos über die Gestaltung nötig.

Antwort 2 von katy vom 10.02.2021, 06:44 Options

Hallo TB74,

auch wenn du die Seiten nicht mit veraltetem Tabellenlayout gestaltet hast sondern modern mittels CSS sind relative Einheiten wie % dein Freund, um solchen Problemen auszuweichen. Die Beispiele auf der verlinkten Seite beschreiben wie das geht.

katy

Antwort 3 von TB74 vom 14.02.2021, 22:10 Options

Hallo Katy
Danke für den Link. Hat mir sehr geholfen. Ich habe meine Seite nun noch etwas überarbeitet, und es funktioniert.
Konnte mir durch diese Seite noch einige fehlenden CSS Kenntnisse aneignen.
Jetzt habe ich allerdings noch eine andere Frage.
Ich habe eine Schrift gewählt, die, wie ich nun feststellen musste, vielleicht nicht jeder hat. Kann ich die Schrift/Schriften mittels FTP mit hochladen, und im CSS mit @font-face codieren? Funktioniert so etwas Erfahrungsgemäß?
Wo würde ich es dann einsetzten?
(teilausschnitt)

html {height: 100%;}
body { height: 100%;margin: 0%;text-align:center;font-family:monotype corsiva;olor:#421411;}
div#a {height:100%;margin:0px auto;}

Direkt unter html, oder im body?
oder seperat in der html Seite mit
<style type="text/css">
@font-face { font-family:Monotype corsiva; src:url(MTCORSIVA.ttf);} </style>

Dann noch ne Frage, wenn bei den Schriften TrueType steht, ist es eine .ttf?

Antwort 4 von katy vom 14.02.2021, 22:35 Options

Hallo TB74,

es gibt/gab 2 Methoden zum Schriftartendownload - und keine davon funktioniert/e wirklich. Gegenfrage: würdest du eine Schriftart downloaden und installieren für irgendeine Webseite?

Such dir lieber eine allgemein verfügbare Schrift oder gib wenigstens mehrere Alternativen an.

ttf ist natürlich Truetype

katy

Antwort 5 von TB74 vom 16.02.2021, 11:17 Options

Hallo Katy
wäre zu schön gewesen um wahr zu sein. Nein, natürlich würde ich keine Schriftart herunterladen um eine Seite anzusehen. Wer würde das schon.
Dein Vorschlag mit der 2.Schrift angeben klingt plausibler.
Jedoch habe ich noch nicht gefunden wie ich das am besten machen.

html {height: 100%;}
body { height: 100%;margin: 0%;text-align:center;font-family:monotype corsiva; Book Antiqua; color:#421411;}
div#a {height:100%;margin:0px auto;}

Wäre das eine Möglichkeit? Ich setzte 2 Schriftarten unter font-family?
Allerdings werde ich bei den beiden Schriften mit der Größe etwas Probleme kriegen.

Antwort 6 von Supermax vom 16.02.2021, 11:33 Options

Du kannst beliebig viele (praktikabel sind 2 oder 3) verschiedene Schriftfamilien unter font-family angeben, durch Beistriche getrennt, z.B.

font-family:Monotype corsiva,Arial,sans-serif

Die Schriften werden dabei in der Reihenfolge der Nennung verwendet, bis eine passende gefunden ist; in diesem Beispiel wird also zuerst "Arial" gesucht, wenn "Monotype corsiva" nicht gefunden wurde, und wenn diese auch nicht vorhanden ist (z.B. unter MacOS oder Linux), wird mit "sans-serif" die serifenlose standardschrift des Browsers/Betriebssystems verwendet.

Ähnliche Themen

Gästebuch in eine HTML Seite?
gast82  11.08.2007 - 110 Hits - 10 Antworten

html Seite
maya2  24.12.2007 - 64 Hits - 1 Antwort

Problem mit https Seite
Otherside  25.10.2008 - 193 Hits - 6 Antworten

Problem mit Bluetooth und Windows SP2
Jouli  06.11.2008 - 2654 Hits -

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Version: supportware 1.9.150 / 10.06.2022, Startzeit:Mon Jan 26 11:26:25 2026