|
|||
Div geht über anderen Div hinaus
Code:
<div id="blau"> <div id="rot"></div> </div> Der rote DIV befindet sich in dem blauen DIV, der rote ist breiter als der blaue, und anstatt ihn zu denen, soll er wie auf dem Bild gezeigt, über ihn hinausgehen. Wäre sehr praktisch für mich, da ich ein Forum von einer bestimmter breite designe und größere Bilder sonst den Rahmen sprengen! Gruß Jens |
Sponsored Links |
|
|||
wenn der blaue relativ und der rote absolut positioniert ist, dann passiert das gleiche wie in Deinem Bild.
sowas z.B. Code:
<div style="background-color:blue; position: relative; width:200px; height:300px">blauer container <div style="background-color:red; position:absolute; top:100px; left:0; width:400px; height:150px"> roter container, richtet sich in der Anfangsposition nach dem blauen, legt sich aber "ohne Rücksicht auf Verluste" einfach drüber</div> </div> |
|
|||
Das blöde ist jetzt, dass wenn ein Bild, was dem roten Div entspricht höher als der blaue Div ist, dass das Bild den nächsten Beitrag im Forum überdeckt!
Ist es möglich soetwas ähnliches zu machen: width: absolute; height: relative; also praktisch der rote in der breite über den blauen hinausgeht, aber wenn er höher wird, den roten mitdehnt! |
|
|||
Dazu wüßte ich keine Lösung .
Übrigens bedeutet relative nicht, dass sich der Container dehnt oder Rücksicht auf den inliegenden nimmt. Generell nehmen absolut oder relativ positionierte Container keiner Rücksicht auf andere. Die liegen einfach da, wo man sie hinpackt und decken alles andere zu, im Gegensatz zu statisch positionierten, die sich im Elementfluß bewegen. Hier sind die einzelnen Positionierungsarten gut auf Deutsch erklärt: http://www.webwriting-magazin.de/sog...ssebenen.shtml |
Sponsored Links |
|
|||
Zitat:
Code:
width: 300px; /* dies ist eine absolute Angabe */ height: auto; /* dies ist eine relative Angabe*/ noch was zu position: absolute sobald dies benutzt wird, wird eine neuer Layer eröffnet. Falls der z-index nicht gesetzt wird, ergibt sich die Reihenfolge aus der CODE-Folge der XHTML-Datei. relative verschiebt das Element relativ aus dem normalen Textfluss, wobei der Platz im Textfluss den das Element eingenommen hat bestehen bleibt. Dadurch ergibt sich auch keine sichtbare Verschiebung sofern das Element nicht mit left / top / right oder bottom verschoben wird.
__________________
</ulle> |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
mit :hover einen anderen div ansprechen | troneleck | CSS | 24 | 30.08.2013 19:40 |
Transparenz von anderen Div bei Hover ändern | Joel1510 | CSS | 3 | 13.03.2013 13:25 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
flexibles Div soll Div mit fester Breite links umfliessen? | braindead | CSS | 3 | 23.09.2006 13:58 |
Die maximale breite wird nicht erkannt | notebook20000 | CSS | 9 | 22.06.2006 21:14 |