|
|||
CSS - Problem mit Positionierung
Ich habe folgendes Problem:
Ich möchte ein CSS Stylesheet erstellen, bei dem mehrere Bilder genau an einem Ort platziert sind (wenn möglich dass sie bei jeder auflösung am selben ort sind, also nicht mit pixel definiert) Mein Problem ist das Bild, der an der oberen rechten Ecke ausgerichtet werden soll... da im CSS Stylesheet alle Bilder von dem vorhergehigen abhängig sind, kann ich alle entweder oben links oder alle oben rechts ausrichten... Meine Version sieht so aus: #1 {z-index=0; position:absolute; top:0cm; left:0cm} #2 {z-index=0; position:absolute; top:0cm; right:0cm} #3 {z-index=0; position:absolute; topcm; left:ycm} . . . Das Ziel ist dass die Bilder wie in der Skizze (im Anhang) ausgerichtet sind (orangene Punkt) das fertige "Produkt" sollte in etwa so aussehen: Endversion (falls jemand eine bessere und einfachere Möglichkeit sieht für dieses Design kann er es gerne bekanntgeben ) |
Sponsored Links |
|
||||
Obwohl ich nur ahnen kann, was du machen möchtest, denke ich mal, background-image ist, was du suchst. --> http://www.aboutwebdesign.de/awd/con...03409687.shtml
Ich würde dir ausserdem empfehlen, dich ein wenig in das Thema einzulesen, zum Beispiel hier im Forum wirst du eine Menge wertvolle Informationen finden. Ausserdem ist es ratsam, sich einige CSS-Designs anzusehen und damit zu "spielen". Denn von allein kommt man vielleicht nie auf die wirklich guten Ideen. Darum hier noch ein paar Links zum anfangen: Referenz: http://www.w3.org/TR/CSS21/ Workshop: http://www.css4you.de/wscss/index.html Designs: http://intensivstation.ch/css/template.php |
Sponsored Links |
|
|||
vielen dank für die links. leider bin ich trotzdem noch nicht weitergekommen:
kurz gesagt: ich möchte gerne ein (Hintergrund-)Bild oben links in der Ecke und ein anderes Bild oben rechts in der Ecke positionieren... |
|
|||
Zitat:
background-position meinst du doch sicher. |
|
|||
ich habe jetzt fast alles positionieren können:
(Die Texte und Schriften sind natürlich noch nicht formatiert und die Grafiken dienen nur als Platzhalter) CSS Version Mein Problem ist, dass es nur im IE richtig angezeigt wird... Firefox stellt es so dar, als gäbe es das CSS file nicht CSS FILE |
|
|||
Die Namen der Container dürfen in CSS nicht mit einer Zahl beginnen.
#1 ist also falsch. Daher können standardkonforme Browser das nicht darstellen. Noch ein paar Tipps: - Vorsicht mit absoluten Positionierungen. Wenn irgendjemand die Schriftgröße ändert, dann wird unweigerlich das Layout gesprengt und die Seite ist nicht mehr lesbar. Verhindern kannst du die Schriftgrößenänderung nur beim IE und nur auf Kosten der Zugänglichkeit. Barrierefrei ist an deinem Entwurf gar nichts. - Stell mal eine Dokumententypangabe vor dein Dokument. - Validier dein Dokument mal - hier z.B.: http://validator.w3.org/ Da sind noch so einige Fehler drin.
__________________
Grüße, Terry ... die immer noch sporadisch mitliest, auch wenn sie sich wenig zu Wort meldet ... |
Sponsored Links |
|
|||
dass noch Fehler drin sind ist mir klar...
dass man keine Zahlen nehmen darf wusste ich jedoch nicht, danke für den Hinweis... edit: ich habe jetzt die Zahlen geändert und nun funktioniert es auch mit Firefox. Nun werde ich den Code noch ein bischen überarbeiten Vielen Dank |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem Browserweiche IE CSS | 00001 | CSS | 5 | 24.09.2010 11:23 |
Problem mit CSS relative, absolute & float | FrageHabe | CSS | 3 | 13.08.2010 15:40 |
Css Styleswitcher Problem | just4download | (X)HTML | 11 | 20.06.2010 22:09 |
Css und Steam Problem | justinlenz | Offtopic | 3 | 27.03.2008 22:58 |
Problem mit Layout- Totaler CSS Noob | meici | CSS | 3 | 01.03.2008 17:33 |