carmencita
Grünschnabel
Hallo,
ich habe ein für mich zur Zeit unlösbares Problem.
Ich soll für einen Kunden eine Seite erstellen, wo ein Bild über die gesamte Breite des Rahmens geht. Es soll für Auflösungen von 800x600 bis hin zu Auflösungen für 21" Monitore zu sehen sein.
Mein Ansatz ist so, das ich ein Bild genommen haben, mit einer Breite von 2100x200 Pixel und das in 3 Teile geteilt habe.
Bild 1 ist 1250x200, Bild 2 ist 250x200 und Bild 3 ist 500x200 groß. Damit die Bilddateien nicht zu groß sind.
Ich habe einen div namens "Logorahmen" und 3 Divs namens "Bild1", "Bild2", "Bild3" mit float left, damit sie nebeneinander erscheinen.
Ich möchte gerne, dass bei einer Auflösung von 800x600 von jedem Bild nur 250 Pixel in der Breite zu sehen ist.
Wenn Die Auflösung größer ist, soll sich der Div links und rechts erweitern.
Ich habe es erst so probiert, dass ich die Bilder als feste Background gemacht habe.
Bei Bild 1(ist linke Seite des Logo-Bildes) habe ich rechts als feste Position genannt und bei Bild 3(ist rechte Seite des Logo-Bildes) habe ich links als feste Position bestimmt.
Die Weite des Divs hatte ich bei Bild 1 und Bild 3 auf "auto" und Bild 2 auf 250px. Das klappt aber nicht so, wie ich das möchte.
Ist das ganze überhaupt so zu realisieren, wie ich mir das vorstelle oder soll ich lieber eine Browserweiche einbauen.
Wenn die Auflösung 800x600 ist, dann mimm die css-datei, wenn die Auflösung 1024x768, dann mimm die css-datei, wenn die Auflösung 1280x1024, dann mimm die css-datei,
...
Ich hoffe, Ihr könnt mir da ein paar Tips geben, da ich echt ein Hängerchen habe, aber aus Zeitgründen möglichst schnell zu ner Lösung kommen muß.
Vielen Dank schon mal an Euch im Voraus,
Carmen
ich habe ein für mich zur Zeit unlösbares Problem.
Ich soll für einen Kunden eine Seite erstellen, wo ein Bild über die gesamte Breite des Rahmens geht. Es soll für Auflösungen von 800x600 bis hin zu Auflösungen für 21" Monitore zu sehen sein.
Mein Ansatz ist so, das ich ein Bild genommen haben, mit einer Breite von 2100x200 Pixel und das in 3 Teile geteilt habe.
Bild 1 ist 1250x200, Bild 2 ist 250x200 und Bild 3 ist 500x200 groß. Damit die Bilddateien nicht zu groß sind.
Ich habe einen div namens "Logorahmen" und 3 Divs namens "Bild1", "Bild2", "Bild3" mit float left, damit sie nebeneinander erscheinen.
Ich möchte gerne, dass bei einer Auflösung von 800x600 von jedem Bild nur 250 Pixel in der Breite zu sehen ist.
Wenn Die Auflösung größer ist, soll sich der Div links und rechts erweitern.
Ich habe es erst so probiert, dass ich die Bilder als feste Background gemacht habe.
Bei Bild 1(ist linke Seite des Logo-Bildes) habe ich rechts als feste Position genannt und bei Bild 3(ist rechte Seite des Logo-Bildes) habe ich links als feste Position bestimmt.
Die Weite des Divs hatte ich bei Bild 1 und Bild 3 auf "auto" und Bild 2 auf 250px. Das klappt aber nicht so, wie ich das möchte.
Ist das ganze überhaupt so zu realisieren, wie ich mir das vorstelle oder soll ich lieber eine Browserweiche einbauen.
Wenn die Auflösung 800x600 ist, dann mimm die css-datei, wenn die Auflösung 1024x768, dann mimm die css-datei, wenn die Auflösung 1280x1024, dann mimm die css-datei,
...
Ich hoffe, Ihr könnt mir da ein paar Tips geben, da ich echt ein Hängerchen habe, aber aus Zeitgründen möglichst schnell zu ner Lösung kommen muß.
Vielen Dank schon mal an Euch im Voraus,
Carmen
