Wie fuelle ich den gesamten Browser aus?

[tobsen2]

Hey,
ich bin Neueinsteiger in Dreamweaver (hab mich gerade durch ein recht gutes Tutorial gerackert) und ich habe folgende simple Frage:

1. Ich moechte gerne das mein Image, das ich Stueck fuer Stueck in eine Tabelle geladen habe, den gesamten Browser Bildschirm ausfuellt, ohne weisse Raender zu lassen. Wie geht das?

2. Ich habe das Image vorher im Photoshop auf 1024x768 Pixel vergroessert. Gibt es einen besseren Weg?

3. Gibt es Standarts, was die Groesse des Hintergrunds anbelangt?

Ich bin fuer jede Hilfe dankbar!
Lieben Gruss

Tobias

[Torsten]

Hallo Tobias - Willkommen im TP,

hier wäre ein wenig Source-Code oder noch besser ein Online-Bsp. sehr Hilfreich

Möchtest Du ein Hintergrundbild in Deine Page einbinden?
Oder möchtest Du eine Grafik in Deine Homepage einbinden?
Stören Dich die standardmäßigen Ränder oben und Links im Browser?

Wir wissen es nicht

_

[MichaelM]

Wenn Du mit Tabellen arbeitest, mußt Du die Tabellengrößen auf 100 %
stellen. Die Werte Zellauffüllung= 0 Zellraum=0. Damit vermeidest Du Abstände in den Tabellen.
Mit der %-Angabe passt sich deine Page jeweils der Auflösung an.
Mit Pixelangaben funktioniert das nicht.

Außerdem müßte im body folgender Code eingebunden werden:

margin: 0px; padding: 0px;

Damit vermeidest Du Abstände Oben und Links im Browser.

[tobsen2]

Erst mal vielen Dank fuer eure schnellen Antworten. Ich versuche es aber noch mal etwas genauer zu beschreiben:

Also: ich bin halt blutiger Anfaenger und moechte erst mal ein jpg-Bild, was ich vorher in einzelne Teile in Photoshop zerlegt habe, in eine DW-Tabelle laden. Folgendes Problem tritt dabei auf:
1. Eben besagte Raender tauchen im Browser-Upload auf
2. Rechts im Browser bleibt immer ein ziemlich breiter Rand, den ich nicht ausgefuellt bekomme.

Frage: Muss ich das Bild vorher im PS schon soweit auseinander ziehen, dass es passt? Oder gibts nen besseren Weg.

Hey MichaelM: leider kann ich den angegeben HTML-Code nicht lesen, hast Du ne Idee worans liegt.
Vielen DAnk nochmal fuer den Support,

Ich probier das jetzt nochmal mit euren Tips.

Tobias

[tobsen2]

Cool,
das mit den 100% hat schon mal geklappt. Jetzt hab ich zumindest links und oben keinen Rand mehr, dafuer aber immer noch unten und rechts...
Ich hab meine Fragen auch nochmal im Forum etwas deuticher formuliert, allerdings nicht als direkte Antwort auf deine mail, deshalb weiss ich nicht, ob du das liest. Wie binde ich denn diesen HTML-Code ein?
Vielen Dank fuer den Support. Ist mir eine grosse Hilfe!
Tobias

Zitat von MichaelM

Wenn Du mit Tabellen arbeitest, mußt Du die Tabellengrößen auf 100 %
stellen. Die Werte Zellauffüllung= 0 Zellraum=0. Damit vermeidest Du Abstände in den Tabellen.
Mit der %-Angabe passt sich deine Page jeweils der Auflösung an.
Mit Pixelangaben funktioniert das nicht.

Außerdem müßte im body folgender Code eingebunden werden:

margin: 0px; padding: 0px;

Damit vermeidest Du Abstände Oben und Links im Browser.

[MichaelM]

Hallo,

Du mußt Dein Bild so groß machen, damit auch der rechte und untere Bildschirm ausgefüllt ist.
Hast Du die Tabellengröße "Höhe" auch mit 100% angegeben?

[Terry]

1. Woher weißt Du, wie groß der Monitor des Users ist?
Von ca. 320x160px (PDAs) bis 1600x1200px ist alles drin. Nicht jeder benutzt 1024x768px.
Leider kann man Bilder aber schlecht größer/kleiner ziehen ohne Qualitätsverlust - als Hintergrundbilder geht es sowieso nicht. Überlege also noch mal Dein Layout. Zudem braucht eins so großes Bild auch einiges an Ladezeit, selbst, wenn Du es gesliced hast.

2. Um den voreingestellten Rand wegzumachen, benutze CSS:
body {margin:0; padding:0}

[hlg_bb]

Mal ne frage: Was meinst du mit gutem Tutorial??
Wo hast du das her??

[MichaelM]

Zitat von Terry

1. Woher weißt Du, wie groß der Monitor des Users ist?
Von ca. 320x160px (PDAs) bis 1600x1200px ist alles drin. Nicht jeder benutzt 1024x768px.
Leider kann man Bilder aber schlecht größer/kleiner ziehen ohne Qualitätsverlust - als Hintergrundbilder geht es sowieso nicht. Überlege also noch mal Dein Layout. Zudem braucht eins so großes Bild auch einiges an Ladezeit, selbst, wenn Du es gesliced hast.

2. Um den voreingestellten Rand wegzumachen, benutze CSS:
body {margin:0; padding:0}

zu 2. Das mit dem CSS hatte ich schon einmal erwähnt.

Ich vermute mal, dass tobsen2 seine Homepage auf 1024x768px einstellen möchte. Du hast natürlich recht, dass sämtliche Einstellung bei anderen Auflösungen für die Katz sind. Deshalb würde ich auch immer eine Lösung vorziehen, die unabhängig von Bildschirmauflösungen sind.

[tobsen2]

OK, aber das zielt eben ziemlich genau auf meine Frage: wenn ich ein kleineres Bild neheme, wirs das dann trotzdem auf jedem Monitor ohne Rand angezeigt?

Zitat von Terry

1. Woher weißt Du, wie groß der Monitor des Users ist?
Von ca. 320x160px (PDAs) bis 1600x1200px ist alles drin. Nicht jeder benutzt 1024x768px.
Leider kann man Bilder aber schlecht größer/kleiner ziehen ohne Qualitätsverlust - als Hintergrundbilder geht es sowieso nicht. Überlege also noch mal Dein Layout. Zudem braucht eins so großes Bild auch einiges an Ladezeit, selbst, wenn Du es gesliced hast.

2. Um den voreingestellten Rand wegzumachen, benutze CSS:
body {margin:0; padding:0}

[tobsen2]

Ich hab das mit CSS versucht, aber anscheinend mache ich da irgendwas falsch. Ich habe CSS bisher immer nur fuer Schrift-Layout benutzt. Kann mai vielleicht jemand erklaeren, wie das mit der margin und paddin einstellung funktioniert?
Vielen Dank

Tobias

[Terry]

Zitat von tobsen2

OK, aber das zielt eben ziemlich genau auf meine Frage: wenn ich ein kleineres Bild neheme, wirs das dann trotzdem auf jedem Monitor ohne Rand angezeigt?

Nein. Das erreichst Du nie - eben, weil die Monitore unterschiedlich sind, die Bilder aber feste Größen haben.

CSS: Am besten definierst Du eine eigene Datei. Nenne sie style.css und binde sie so in den Head ein:

<link rel="stylesheet" href="style.css" type="text/css" media="screen,projection">

In diese Datei schreibst Du dann einfach:

body {margin:0; padding:0}

Und was Du da sonst noch so definieren willst...

[tobsen2]

Zitat von MichaelM

zu 2. Das mit dem CSS hatte ich schon einmal erwähnt.

Ich vermute mal, dass tobsen2 seine Homepage auf 1024x768px einstellen möchte. Du hast natürlich recht, dass sämtliche Einstellung bei anderen Auflösungen für die Katz sind. Deshalb würde ich auch immer eine Lösung vorziehen, die unabhängig von Bildschirmauflösungen sind.

Hey Michael,

ich konnte mich leider laenger nicht mehr dranhocken. Erst mal aber danke fuer euere Antworten! Trotzdem noch mal: wie sieht so eine Loesung aus, die unabhaengig von der Bildschirmgroesse ist?
Gruss

Tobias

[MichaelM]

Hallo Tobsen2,

wie Terry schon sagte " Bilder haben immer feste Größen." Das Bild ist in Pixelgrössen angegeben. Z.b: 800 x 600 oder so!!

Du kannst doch rechts unten noch irgendwelche Zusatzangaben machen, die dann anschließend den Bildschirm ausfüllen. Also noch eine zusätzliche Tabelle, 100% Angabe und fertig. Das würde ich links, rechts und unten machen, damit es symetrisch bleibt. Dann passt sich deine Page auch den anderen Monitorauflösungen an. Immer mehr User verwenden 1024x768 oder höher. 800x600 ist im Aussterben.

PS: Gib doch mal einen Link von Deiner Seite an. Dann kann man immer besser helfen!!

Versuche doch mal folgende Methode: Gehe mal in Code und ändere die Pixel- angaben auf % width=100% height=100%

Das ist keine schöne Lösung, denn bei höheren Auflösungen können die Bilder verzerren. Die Auflösung sowieso!

Hier noch einmal ein Link der helfen könnte:
http://de.selfhtml.org/html/grafiken/einbinden.htm

[tobsen2]

Hey Michael,

vielen Dank! Das sind schon mal ein paar sehr hilfreiche Infos. Sobald ich die Sachen einigermassen im Kasten habe, schick ich dir den Link.
Guten Rutsch

Tobias

Zitat von MichaelM

Hallo Tobsen2,

wie Terry schon sagte " Bilder haben immer feste Größen." Das Bild ist in Pixelgrössen angegeben. Z.b: 800 x 600 oder so!!

Du kannst doch rechts unten noch irgendwelche Zusatzangaben machen, die dann anschließend den Bildschirm ausfüllen. Also noch eine zusätzliche Tabelle, 100% Angabe und fertig. Das würde ich links, rechts und unten machen, damit es symetrisch bleibt. Dann passt sich deine Page auch den anderen Monitorauflösungen an. Immer mehr User verwenden 1024x768 oder höher. 800x600 ist im Aussterben.

PS: Gib doch mal einen Link von Deiner Seite an. Dann kann man immer besser helfen!!

Versuche doch mal folgende Methode: Gehe mal in Code und ändere die Pixel- angaben auf % width=100% height=100%

Das ist keine schöne Lösung, denn bei höheren Auflösungen können die Bilder verzerren. Die Auflösung sowieso!

Hier noch einmal ein Link der helfen könnte:
http://de.selfhtml.org/html/grafiken/einbinden.htm