|
|||
Spacer Grafik mit variabler größe
Hallo CSS Pros,
ich habe ein Problem, an dem ich jetzt schon seit 2 Tagen verzweifle. Das wär folgendes: Ich habe eine Website (KO | Home), auf dem ich 2 transparente Grafiken (links:Grafik1,rechts:Grafik2) und in der Mitte einen kleinen content bereich habe (zusammen 1000px). Jetzt zum eigentlichen Problem: da ich will, das die Website in allen Auflösungen funktioniert, wollte ich ein an die rechte Seite ein variabel großen div mit background (kleiner Strich der in die Länge gezogen aussieht wie ne "pipe") setzen. Das hat sich aber als garnicht so einfach herausgestellt, da dieses div entweder die falsche Größe (meist 100%) oder die falsche Positionierung hat. Ich hab noch nicht so viel Praxis mit div basierten Layouts und hoffe jemand von euch hat eine Antwort auf mein Problem. Nun zum Quelltext: --------------------------------------------------------- Code:
<!-- positioniert divs in der Mitte --> #aligner{ position: absolute; height:300px; width:100%; top: 50%; margin-top: -150px; margin-left:-10px; } <!-- content bereich --> #mcontent{ background-color:#e8ee30; background-image:url(spacer.png); background-repeat: repeat-x; font-size:60px; float:left; font-family:arial black,Arial; /*border:solid;*/ width:600px; height:300px; } <!-- linke u rechte grafik (logo&pipe) --> .lrcontent{ width:200px; float:left; } <!-- Proplemkind ! der variabel zu Auflösung div --> #spacer{ background-image:url(spacer2.png); background-repeat:repeat-x; position: static; float:left; height:300px; width:100%; margin-left:-1000px; /*left:1000px*/ } <!-- hält content&lrcontent zusammen --> #test{ width:100%; heigth:300px; float:left; } Code:
<div id="aligner"> <div id="test"> <div id="lcontent"><img src="neon.png" /></div> <div id="mcontent"></div> <div id="rcontent"><img src="logo_r.png" /></div> </div> <div id="spacer">cgvh</div> </div> vielleicht brauch ich auch nur ein kleinen denkanstoß .. falls einer von euch eine Idee hat bitte helft mir Danke im vorraus Kai Geändert von kaipi (11.10.2007 um 22:53 Uhr) |
Sponsored Links |
|
||||
Ich verstehe dein Problem nicht. Wo auf deiner Website soll noch was hin?
Ein Grafik wäre ganz nett.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
ein iFrame mit variabler Größe platzieren | Cycophyp | CSS | 5 | 08.03.2011 15:19 |
POPUP mit variabler Grösse | Rico | Javascript & Ajax | 10 | 11.02.2008 15:47 |
Grafik soll sich der Größe eines übergeordneten Feldes automatisch anpassen! | VariouStyles | CSS | 1 | 30.08.2007 12:17 |
Größe eines Aufzählungspunktes beeinflussbar ohne Grafik? | jorainbo | CSS | 3 | 02.12.2005 12:14 |
CSS Layout mit fester und variabler Größe | Xavier | CSS | 7 | 18.01.2005 14:57 |