ganzen Bildschirm

funk-feuer · 01.04.2007, 20:43

Hallo,

ich habe mal eine generelle Frage: Ist es möglich eine Website mit css und html so zu schreiben, dass sie sich an jede Bildschirmauflösung anpasst? Ich meine, man kann doch die div-layer in Prozenten angeben. Wenn ich z.B. sage ein Layer soll immer 20% breit und 80% hoch sein, müsste sich doch die Website an jede Bildschirmauflösung anpassen. Für die Breiten habe ich das auch geschafft, aber für die Höhen funktioniert das nicht wirklich. Sonst schreibe ich die Seiten immer für eine bestimmte Auflösung, da habe ich die Probleme nicht. Ich möchte auch keine Auflösungsabfrage machen und die Website für jede Auflösung schreiben. Kann mir jemand weiterhelfen?

Viele Dank.

funk-feuer

gen · 01.04.2007, 23:17

Hi funk-feuer,

Was die Breite betrifft hast du vollkommen recht. Ein Layer mit width: 100% passt sich immer an die komplette Bildschirmbreite an.

Was die Höhe betrifft haben die Browser ihre Macken. Du könntest natürlich height: 100% ausprobieren, allerdings funktioniert das glaube ich nicht.

Desweiterm könntest du das Attritbut "min-height" mal nachschlagen vlt. hilft dir das ja.

Viele Grüße,
gen

Boris · 02.04.2007, 01:30

Das hat nichts mit "Macke" zu tun, sondern ist normal und korrekt. Wenn man ein Element 100% haben will, muss das (übergeordnete) Elternelement auch so hoch sein, sprich: HTML und BODY.

funk-feuer · 02.04.2007, 21:05

Hallo,

danke für eure Antworten.

@Boris - das ist mir klar, dass sich das immer auf das darüberliegende element bezieht. es ist mir allerdings nicht klar warum ich den div-layern keine Höhe von 100% geben kann. Bei der Breite funktioniert es doch auch... muss ich dann bei body die höhe auf 100% setzen?

funk-feuer

Tanek · 17.09.2007, 03:06

Hi Leute,

erstmal möchte ich sagen das ich den IE hasse

Jedesmal seine Macken...

Ich will die Website an jede Auflösung anpassen, und zwar von der Höhe her. Hab nun in % die Höhe angepasst und klappt wunderbar mit FireFox, jedoch macht der IE mal wieder Faxen - weiss einer Rat, ob es eine Möglichkeit gibt es im IE doch hinzubekommen?

Gruß Tanek

funk-feuer · 17.09.2007, 10:24

Halllo Tanek,

also ich habe es auch verzweifelt versucht bin aber zu keiner Lösung gekommen, die mit Prozenten funktioniert..... aber vielleicht hat ja jemand anders noch eine Idee.

Viele Grüße

funk-feuer

Tanek · 17.09.2007, 10:45

Also ich konnte durch Rumprobieren, doch eine Lösung finden! Ich hatte den unteren Teil der Website als "Hintergrundbild", in die unterste Tabelle eingestellt - damit es bei jeder Auflösung automatisch bis unten hin verlängert wird.

Normalerweise kam im Code folgender Tag für ein Background Bild (Dreamweaver):

HTML-Code:

 <tr background="Bilder/probebild.jpg">

Da habe ich ein paar Veränderungen vorgenommen:

HTML-Code:

<tr style="background-image:url(Bilder/probebild.jpg)">

Voila! Und schon ging es auch mit Internet Explorer

Gruß Tanek