automatische seitenanpassung an auflösung

bengal · 13.08.2006, 19:12

hi ich habe mir ne vorlage seite mittel dreamwaver für eby auktion gemacht.

- auf meinem pc ist alles drauf aber auf anderen pc mit anderer auflösung ist meine vorlage zu groß gib es da ne möglichkei, dass sich die seite automatisch anpaßt?

mfg

danke

His.Master's.Voice · 13.08.2006, 20:11

ich glaube du meinst so etwas wie "liquid layouts" wie bei maxdesign:

bengal · 13.08.2006, 20:31

danke aber das hilf mir nicht wirklich da ich nix davon verstehe also es gibt da nicht einen sehr einfache möglichkeit das das automatisch an den browser angepaßt wird?

satre · 13.08.2006, 20:37

Nicht so elegant wie CSS ist eine 100%-Breite Tabelle.

bengal · 14.08.2006, 00:13

100% breite hört sich gut an wenn du mir noch verräts wie ich die erstelle bin ich dir sehr dankbar :-)

danis` · 14.08.2006, 08:20

da ist doch n beispiel,was soll dir denn da noch erklärt werden?

bengal · 14.08.2006, 17:12

also ich habe versucht jetzt die breit durch % angaben auszudrück aber das wollte nicht so wie ich

ich hab mal ein teil des Quellcode eingefügt evt. könnte mir wer zeigen wo ich was wie verändern muß?? danke

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">

</style></head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">


<tr>
<td width="5%" height="555"> </td>
<td width="80%" valign="top"><img height="552" src="bild1.jpg" width="100%" /></td>
<td width="20%"></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">


<tr>
<td width="45%" rowspan="2" valign="top"><p><img name="" src="bild2.jpg" width="50%" height="500" alt="" /></p>

<p><img name="" src="bild3.jpg" width="557" height="467" alt="" /></p>
.
.
.
....

His.Master's.Voice · 14.08.2006, 17:53

Gebe uns doch ein wenig mehr Futter. Lade die Seite zu Testzwecken doch mal hoch und poste den Link. Sonst sitzen wir hier alle wie der Ochs vorm Scheunentor und können uns kein Bild davon machen wo der Schuh drückt.

P.S. Wir werden dir das Layout schon nicht klauen...oder ist das Top-Secret!

bengal · 14.08.2006, 21:46

ok hier ist der link ich weiß nur nich ob das damit dem quellcode klappt wegen ebay ich kenn mich leider damit kaum auf hab das alles durch ein turotial video gemacht.
es geht praktisch nur um den teil der artikelbeschreibung

http://cgi.ebay.de/ws/eBayISAPI.dll?...m=200006852684

mfg

danke

His.Master's.Voice · 14.08.2006, 22:56

Ja ich kann mir den Quelltext ansehen - ok. soweit. Allerdings ist auf der Seite bei ebay noch der alte Quellcode drauf, da noch keine width-Angaben mit "%" eingetragen sind.

Aber ich ahne wo dein Problem ist. Im Nachfolgenden Code benutzt du eine Grafik b1.jpg mit einer Breite von 1186 Pixeln.

Code:

<td width="33" height="555">&nbsp;</td>
    <td width="986" valign="top"><img height="552" src="http://www.bengalcom.de/us/b1.jpg" width="1186" /></td>
    <td width="181"></td>

Selbst wenn du width="80%" für die zugehörige Tabellenspalte angibst, wird bei einer Monitorauflösung von 1280x1024 die volle Breite eingenommen. Da bleibt nicht mehr viel Freiraum. Bei dem Code den ich oben in die Box gesetzt habe hast du für die Spaltenbreite z.B. 986 Pixel angegeben, die Grafik ist aber viel größer, 1186 Pixel, d.h. die Spaltenbreite wird automatisch durch die Grafik vergrößert.
Bei einer kleineren Monitorauflösung von z.B. 800x600 kannst du ruhig 100% für die Tabelle angeben. Durch die enorme Breite der Grafik wird die Tabelle jedoch wieder auf die besagten 1186 Pixel verbreitert. Da ist dann wirklich nix mehr mit anpassen.

Überlege mal, ob du nicht den anderen Weg gehen kannst und die Grafiken für 800x600 optimieren solltest.

...und ich dachte ich könnte meinen alten Ford auch mit US Standlicht ausrüsten, aber steht nicht auf der Liste.

bengal · 15.08.2006, 13:18

achso ich glaube ich verstehe

ich mache also die seite nochmal mit einer maximalen breite von 800 oder?

oder muß ich meinen monitor auf 800 x600 stellen nein oder ?

mfg
danke
p.s. auch beim ford sollte das standlicht einbaubar sein , aber ob man es brauch ist eine andere frage

satre · 15.08.2006, 14:04

Zitat:

Zitat von bengal

oder muß ich meinen monitor auf 800 x600 stellen nein oder

Nö, dafür gibts ein schönes Tool, mit dem du die Größe deines Browserfensters einstellen kannst.

His.Master's.Voice · 15.08.2006, 14:48

Zitat:

Zitat von bengal

ich mache also die seite nochmal mit einer maximalen breite von 800 oder?

Ja genau. Du benutzt ein 2-spaltiges Layout, links die Grafiken, rechts den Beschreibungstext. Sagen wir du machst 50/50, somit links max. 400 Pixel für die Grafiken. Die Grafiken kannst du dann mit deinem Grafikprogramm auf eine Breite von ca. 400 Pixel verkleinern. Alternativ kannst du auch im img Tag für width="400px" angeben, height weglassen (ermittelt der Browser selber). Da die Bilder aber größer sind braucht der Browser länger zum Laden, da mehr KB geladen werden müssen. Für Leute die noch kein DSL haben, nur analog wäre dies jedoch mit einer sehr langen Wartezeit verbunden. Somit besser reduzieren.

Zum Testen wie es aussieht, kannst du natürlich mal auf 800x600 den Monitor umschalten. EDIT: das Tool welches satre vorgeschlagen hat, ist natürlich eine feine Sache.

In die rechte Spalte, dort wo die Artikelbeschreibung steht kannst du dann ruhig mit width="100%" experimentieren. Dieser Part sollte sich dann an eine höhere Monitorauflösung anpassen.