|
|||
Bild rechts & links an mittig positioniertem DIV anbringen
Jo Leutz,
muss gerade eine Website für nen Kumpel machen und bin ein bisschen ratlos. Mein wrapper soll links und rechts so "ausfaden"; sprich das Hintergrundbild des wrappers soll an den Seiten verblassen. Das war bis jetzt nicht schwierig, nur weiß ich gerade leider nicht, wie ich das nun an den wrapper (#main) rankleben soll. Welche Lösung ich nicht machen möchte ist, ein 1100x8px großes Bild mit repeat-y nach unten hin zu wiederholen, das ist mir zu unprofessionell. Ist es nicht auch anders möglich, mein #contentBGleft (rechts ist vorerst egal) an #main zu "kleben"? Ich bin auch gerne für andere Möglichkeiten als meinen Ansatz offen. Leider habe ich z.B. wenig Erfahrung mit :before und :after und weiß nicht, ob das in meinem Fall hinhaun würde... Code:
http://tinyurl.com/ajzmsms (kein href, damit Google meine Seite nicht mit dieser verbindet) Geändert von skrippi (21.01.2013 um 02:29 Uhr) |
Sponsored Links |
|
|||
Zitat:
Zeig bitte, wie du das machen würdest -- dann können wir uns vorstellen, was du überhaupt meinst. Vielleicht kann man dir dann auch einen Vorschlag machen, wie du das anders umsetzen könntest.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Zitat:
Hallo, Die URL war in den Code-tags nicht anklickbar: Antipasteria Garbatella @ skrippi Wie wäre es mir 'box-shadow`? |
|
|||
Gaby, ich will wissen, wie der OP das, was er "unprofessionell" nennt, machen würde. Denn das zeigt die Seite, die unter der URL erreichbar ist, nicht.
Offensichtlich möchte der OP nicht, dass seine URL hier von Suchmaschinen erfasst wird. Deshalb nimm deinen Link doch lieber raus.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Hey fricca,
dass mein Lösungsansatz mit den leeren Div's nicht professionell ist, habe ich auch nie gesagt. Ich suche ja mit euch eben nach professionelleren Lösungen. Im Endeffekt soll das Ganze dann so aussehen: http://www.abload.de/img/seitenentwurf1mezrx.jpg (Eigene Photoshopkreation, Nachahmung oder Diebstahl strafbar!) Ich finde das nicht sehr schön, den Hintergrund inklusive der ausblendenden Seiten in ein Bild á 1000x8px zu klatschen und dann zu repeaten. Das ist wieder so eine riesen Bilddatei. Was habt ihr noch für Lösungen parat? Ist da was mit :before und :after zu machen? MfG, skrippi PS: Gaby, bitte nimm den Link wieder aus deinem Beitrag und lies meinen erneut und GENAUER durch Außerdem wird durch Boxshadow nicht mein Problem gelöst. Es soll ja auch das Muster zu den Seiten hin ausgeblendet werden. Geändert von skrippi (23.01.2013 um 01:11 Uhr) |
|
|||
Zitat:
Zwei (in Summe wahrscheinlich nicht einmal kleinere) Bilder sind der deutlich schlechtere Ansatz. Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Soll das wohl ein flexibles Layout werden?
Die aktuellen Browser unterstützen inzwischen gradients und einiges an neuen background-Eigenschaften. Damit kann man viel machen, sogar kleinteilige Muster und natürlich "Ausläufe". Mach dich doch mal schlau dazu, dann brauchst du in modernen Browsern noch nicht einmal Photoshop dazu. Nebenbei: Deutsch: "Galerie" Englisch: "Gallery"
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Danke fricca.
Ich habe das jetzt doch nochmal so gelöst. Möchte zwar immer gerne new sein und die neuesten CSS Tricks kennen, jedoch ist mir Barrierefreiheit und vor Allem Kompatibilität mit alten Browsern wichtig. Auch wenn man nicht auf alles Rücksicht nehmen kann (transitions würde ich nie wieder mit JS machen ) versuche ich hier und da immernoch etwas zu vereinfachen. Flexibel soll es nicht werden. Es ging mir nur darum, dass ich nicht genau wusste, was eine angemessene Breite ist und das Bild kann ich im nachhinein nicht einfach verkleinern, da dann das Muster verzerrt wird. Wie findest du es? Irgendwelche Code-Bereinigungen deinerseits oder etwas unsauber gecoded? MfG, skrippi PS: Danke für den Rechtschreibtipp Geändert von skrippi (23.01.2013 um 03:40 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Ein Bild in einem Div oben Links und Text der das Bild umfließt | yonthebeach | CSS | 2 | 19.07.2009 09:02 |
komische Verschiebung - wo liegt das Problem? | Muckel | (X)HTML | 5 | 03.01.2009 18:26 |
Div Container von rechts nach links | Steakfred | CSS | 5 | 20.11.2007 17:34 |
Holy Grail und der Internet Explorer! | ONeill | CSS | 23 | 01.06.2006 19:20 |
Elemente in einem Div Container links & rechts ausrichte | oliwa | CSS | 8 | 16.07.2004 15:39 |