Autor |
Nachricht |
mondsucht
Threadersteller
Dabei seit: 17.01.2003
Ort: stuttgart
Alter: 45
Geschlecht:
|
Verfasst Mo 15.08.2005 10:07
Titel [CSS] Hintergrundgrafik 100% Höhe und Breite |
|
|
Hallo,
hab nur schnell ne Frage wegen Css:
Wie heißt da der Code, dass meine Hintergrundgrafik immer auf 100% Breite bzw Höhe angezeigt wird?
Gruß und Danke
// Verschoben nach Allgemeines NonPrint
// Bitte sinnvolle Titel verwenden
Zuletzt bearbeitet von shakadi am Mo 15.08.2005 10:13, insgesamt 1-mal bearbeitet
|
|
|
|
|
shakadi
Griller Killer
Dabei seit: 21.12.2003
Ort: SHA
Alter: 43
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 15.08.2005 11:18
Titel
|
|
|
Also würde mich wundern wenn das ging .. du kannst die position
angeben, wo dein ding sitzen soll .. aber du kannst nicht mal
über pixelwerte die größe bestimmen.
du kannst bestimmen ob das ding gekachelt wird, oder nicht, aber
strecken wäre mir neu.
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 15.08.2005 11:27
Titel
|
|
|
dastef hat geschrieben: | Also würde mich wundern wenn das ging .. du kannst die position
angeben, wo dein ding sitzen soll .. aber du kannst nicht mal
über pixelwerte die größe bestimmen.
du kannst bestimmen ob das ding gekachelt wird, oder nicht, aber
strecken wäre mir neu. |
Stimmt, man könnte aber theoretisch auch hergehen und
einen Layer mit 100% Höhe und 100% Breite und mit
position:absolute platzieren. Darin wiederrum ein Bild
(ebenfalls mit 100% 100%) reinsetzen. Darüber dann einen
Container mit der eigentlichen Seite.
|
|
|
|
|
caZpa
Account gelöscht
Ort: -
|
Verfasst Mo 15.08.2005 11:38
Titel
|
|
|
du könntest den bg in verschiedenen auflösungen machen
dann mit js die auflösung ermitteln
und den jeweiligen bg einsetzten
|
|
|
|
|
Frau_Braun
Dabei seit: 26.02.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 08.05.2007 11:58
Titel CSS: Hintergrundbild 100% 100%. Noch mal ausgegraben. |
|
|
Hallo, Cracks!
Ich grabe noch mal diesen alten Faden aus.
Hier der Link zu meiner Testseite:
(Das verquaste Zeug in der Menüleiste nicht beachten; daran bastele ich noch.)
Ich möchte, daß der Schatten sich nicht nur mit dem Inhalt nach unten streckt (das ist kein Problem, einfach nur Bildwiederholung und Höhe auf Auto stellen), sondern auch in der Breite variabel ist. Es gibt zwei Hintergrundbilder, denn der obere Bereich des Schattens soll schön abgerundet sein.
Ich hab eine Quelle gesehen, in der ein Hintergrundbild tatsächlich in der Breite angepasst ist, und zwar hier:
http://www.csszengarden.com/?cssfile=/091/091.css&page=0
Das sieht aus, als ob die Links mit Kugelschreiber unterstrichen sind, ein Effekt der in jeder Schriftgröße ordentlich aussieht.
So hier nun mein Code:
HTML:
Code: | <!-- Gesamtcontainer -->
<div id="container">
<div id="schatten"></div>
<div id="schatten2">
<div id="hintergrund">
usw...
<!-- Abschluss -->
</div> <!-- (von hintergrund) -->
</div> <!-- (von schatten2) -->
</div> <!-- (von container) --> |
CSS:
Code: |
#container {
width: 70em;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
#schatten {
width: 100%;
height: 39px;
background: transparent url(bilder/schatten2.png) no-repeat 100% 100%;
}
#schatten2 {
width: 70em;
position: absolute;
top: 39px;
height: auto;
background: transparent url(bilder/schatten.png) repeat-y 100% 100%;
}
#hintergrund {
width: 65em;
margin-left: 20px;
margin-top: -1.8em;
background-color: #011F53;
border: 2px solid #CBCD00;
}
|
Vielen Dank für jeden Tip!
Gruß Frau Braun
Zuletzt bearbeitet von Frau_Braun am Sa 08.09.2007 16:32, insgesamt 1-mal bearbeitet
|
|
|
|
|
Frau_Braun
Dabei seit: 26.02.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 08.05.2007 15:33
Titel
|
|
|
Ich schiebe das noch mal nach oben. Wieso funktioniert es bei dem einem, bei mir aber nicht?
Ratlos: Frau Braun
|
|
|
|
|
|
|
|
Ähnliche Themen |
Breite und Höhe eines SWF auslesen
Illustrator CS3 Web Dokument - Breite und Höhe ändern
Breite einer Flash-Animation 100%, Höhe relativ?
SVGs mit gleicher Breite, aber unterschiedlicher Höhe
Bild skalieren, Höhe vorgegeben, Breite proportional
[Flash] Breite fest, aber Höhe dynamisch nach Inhalt
|
|