|
|||
Div Box geht mit ?
Hallo
Ich habe ein kleines Problem ich habe einen Content und daneben aside mit zwei Div boxen beide sind absolute posiniert sobald ich aber im Content Text hinzufüge gehen die Div boxen mit nach unten ?! was mache ich falsch? Danke Code:
#suche{ width:300px; height:200px; border:2px groove; background-color:white; box-shadow:4px 4px 4px black; border-radius:10px; margin-top:-120px; position:absolute; margin-left:70px; |
Sponsored Links |
Sponsored Links |
|
|||
|
|
||||
Du schiebst sie Pi-mal-Daumen um 860px nach oben, und bei mehr Text (oder Textzoom) reicht das nicht mehr.
Als erstes solltest Du jegliches position: absolute; rauswerfen, ebenso height und negative vertikale margins, das ist alles kontraproduktiv & de facto gepfuscht. Mit float & clear bekommst Du Dein Layout ganz einfach hin, ohne jegliche Probleme, wie Du sie momentan hast.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Vielen dank werde ich mal machen
*Edit So alles geändert mein Problem die beiden Div Boxen sind jetzt ausserhalb des Content ? Sollte ich sie mit margin wieder nach oben holen oder gibt es eine bessere lösung ? http://mauricepetrich.de/1/ Geändert von Maurice (03.11.2013 um 22:00 Uhr) |
|
||||
Nein, Du musst Breiten verwenden, die nebeneinander passen. Und es gibt immer noch height im CSS - für textenthaltende Elemente ist das ganz schlecht (Textzoom!).
Allenfalls min-height solltest Du dort verwenden, aber das ergibt hier auch keinen Sinn, denn der Inhalt bestimmt doch eh die Höhe des betreffenden Elementes.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Okay danke die DIV boxen sind jetzt oben aber da aside auf height:auto steht ist jetzt der hintergrund nicht mehr angepasst ? was gibt es da für eine Lösung ?
Unbenanntes Dokument |
|
||||
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Danke etwas kompliziert soll das gekachelte Hintergrundbild nur aisde oder auch für den Content ?
Code:
#content{ margin:0px auto; width:1060px; height:auto; background: #ccc url(bg.jpg) repeat-y 50% 0; } #content p{ padding-left:20px; margin-right:20px; } aside{ width:530px; float:right; background: #ccc url(bg.jpg) repeat-y 50% 0; } |
Sponsored Links |
|
||||
FAQ 2, nicht 1
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
#boxes a:hover.info: 2.posting mit css !!! | marioN | CSS | 5 | 25.01.2004 18:04 |
#box a:hover .info: css-layout: ie6.0/win, moz.1ie5.0/mac, | marioN | CSS | 2 | 19.01.2004 18:17 |