mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 25.09.2017 20:52 Benutzername: Passwort: Auto-Login

Thema: [CSS] Hintergrundgrafik 100% Höhe und Breite vom 15.08.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Hintergrundgrafik 100% Höhe und Breite
Autor Nachricht
mondsucht
Threadersteller

Dabei seit: 17.01.2003
Ort: stuttgart
Alter: 38
Geschlecht: Weiblich
Verfasst Mo 15.08.2005 10:07
Titel

[CSS] Hintergrundgrafik 100% Höhe und Breite

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
shakadi
Griller Killer

Dabei seit: 21.12.2003
Ort: SHA
Alter: 37
Geschlecht: Männlich
Verfasst Mo 15.08.2005 10:12
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.mediengestalter.info/forum/10/unbedingt-lesen-html-css-ist-keine-programmierung-11877-1.html
  View user's profile Private Nachricht senden
Anzeige
Anzeige
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 15.08.2005 11:18
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 15.08.2005 11:27
Titel

Antworten mit Zitat Zum Seitenanfang

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.

Ooops
  View user's profile Private Nachricht senden
caZpa
Account gelöscht


Ort: -

Verfasst Mo 15.08.2005 11:38
Titel

Antworten mit Zitat Zum Seitenanfang

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: Weiblich
Verfasst Di 08.05.2007 11:58
Titel

CSS: Hintergrundbild 100% 100%. Noch mal ausgegraben.

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Frau_Braun

Dabei seit: 26.02.2006
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Di 08.05.2007 15:33
Titel

Antworten mit Zitat Zum Seitenanfang

Ich schiebe das noch mal nach oben. Wieso funktioniert es bei dem einem, bei mir aber nicht?
Ratlos: Frau Braun
  View user's profile Private Nachricht senden
 
Ähnliche Themen Breite einer Flash-Animation 100%, Höhe relativ?
CSS DIV 100% Höhe
css höhe 100% in verschachtelten containern
[CSS/HTML Probs] Container und 100% Höhe
[CSS] Div 100% Höhe und BG-Bild - Problem
CSS-Frage: zentrierte Spalte, 100% Höhe
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.