|
[css] div in div mit abstand, beide 100% width, 100% height
hallo alle zusammen,
ich stehe gerade vor einem recht großen problem, beim dem ich einfach nicht weiter komme. ich habe einen container-div mit position:absolute, height: 100% und width: 100%. soweit klappt das ja, aber nun kommt mein problem. ich will, mit einem gewissen abstand innerhalb dieses divs, ein weiteres div platzieren, mit 100% höhe und 100% breite. das funktioniert bisher ums verrecken nicht und ich verzweifel langsam echt. ich hoffe ihr könnt mir helfen! egal was ich ändere ist das innere div entweder komplett verschwunden oder eben wirklich 100% vom screen, und das will ich ja nicht: Ziel:
Code:
ich wäre um jeden tipp dankbar.
+----------------+
| | | +---------+ | | | | | | +---------+ | | | +----------------+ ps: das innere div sollte bei zu langem content scrollbar sein. mit freundlichen grüßen der hai |
Re: [css] div in div mit abstand, beide 100% width, 100% hei
Probier es mal mit position:absolute, den Angaben left,top,right und bottom (inneres div) und ohne Angabe von Höhe und Breite.
|
Re: [css] div in div mit abstand, beide 100% width, 100% hei
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org./TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> </head> <body> <div style="border:0px solid; margin-left:-10px; margin-top:-10px; position:absolute; height:99%; width:100%;"> <div style="border:0px solid; margin-top:10%; height:60%;"> <div style="border:1px solid; margin-left:20%; width:60%; height:100%; overflow:auto;"> Textanfang <div style="height:1000px;"> </div> Textende </div> </div> </div> </body> </html> |
Re: [css] div in div mit abstand, beide 100% width, 100% hei
Zitat:
@omata: die idee ist nicht schlecht, aber leider funktioniert das nicht so wirklich. habe es gerade mal schnell im firefox getestet. |
Re: [css] div in div mit abstand, beide 100% width, 100% hei
Zitat:
Naja, war ein Versuch. |
Re: [css] div in div mit abstand, beide 100% width, 100% hei
das problem dabei ist, dass es, wenn ich das fenster zusammenstauche nicht die komplette innere box zusammen schiebt, sondern eben eine minimale größe übrig bleibt.
|
Re: [css] div in div mit abstand, beide 100% width, 100% hei
Unter Umständen könntest du einen Workaround mit Padding und
 Faux-Columns (dazu müsstest du aber mehrere Divs verschachteln).Kommt drauf an, was du vor hast. |
Re: [css] div in div mit abstand, beide 100% width, 100% hei
das obere war nur ein beispiel für recht viele verschachtelungen. ist etwas schwer zu beschreibung. nehmen wir aber mal was obere beispiel heran.
Code:
ist zwar ein wenig eng, aber ich habe mir das so gedacht. es gibt einen rahmen, welcher schon implementiert ist, aber eben mit den ie6 (noch) nicht funktioniert. dieser besteht aus 8 teilen, den 4 ecken und den 4 seiten. diese habe ich nun mit hilfe von position:absolute und left,right,top,bottom angebracht. sobald es mehr als 2 angaben werden streikt der ie6, also bei den seiten eben. könnte da aber mit dem z-index, arbeiten, und dann nur noch eine angabe nutzen. das sollte klar sein.
+----------------------+
|+--------------------+| || +---+-----------+ || || | | | || || | | | || || | | | || || | | | || || | | | || || +---+-----------+ || |+---------------------+ +----------------------+ das problem sind die inneren container, welche eben unbedingt dann mind. 3 angaben haben werden. und wenn ich ehrlich bin habe ich nicht vor 100 div's ineinander zu schachteln dass das geht. das hatte ich zuvor auch schon und das schon funktionierend, aber das fand ich absolut unsauber... die frage ist, ob man nicht im css-code was drehen kann. |
Re: [css] div in div mit abstand, beide 100% width, 100% hei
Schau dir mal
 yaml an. |
Re: [css] div in div mit abstand, beide 100% width, 100% hei
das ist nicht ganz was ich will. ein framework mag ja gut und recht sein, aber ich mag es selbst machen. zudem ist es so, dass ich dies aus diversen gründen eh nicht nutzen dürfte.
hat sonst noch wer vorschläge, wie ich dieses problem dem ie6 "schmackhaft" machen kann, dass es eben funktioniert? mit freundlichen grüßen der hai |
Re: [css] div in div mit abstand, beide 100% width, 100% hei
Horizontal zu skalieren ist normalerweise kein Problem.
Das eigentliche Problem wo Dir der IE ganz böse in die Suppe spuckt die vertikale Skalierung auf die Browsergröße. Einziger gangbarer Weg: Du musst Du Höhe (ggf. auch die Breite wenn es denn sein muss) mit Javascript im resize-event des Browsers berechnen und manuell setzen. Es gibt (leider) keine andere Lösung. Ich (und viele Kollegen) habe das gleiche Problem in etlichen Projekten gehabt und habe schon etliche Webdesign / CSS-Gurus und spezialisierte Designagentueren daran verzweifeln und allesamt scheitern gesehen. Und wenn es schon die Experten nicht hin bekommen, dann wage ich zu bezweifeln dass ein normaler Entwickler per Zufall auf eine Lösung stösst. Und wenn ja, dann kann er die teuer verkaufen ;-) |
DP-Maintenance
Dieses Thema wurde von "Matze" von "Sonstige Fragen zu Delphi" nach "Programmieren allgemein" verschoben.
Das ist keine Delphi-Frage |
Re: [css] div in div mit abstand, beide 100% width, 100% hei
Hai,
Zitat:
IE7-Script fuer IE6 an.Greetz alcaeus |
Re: [css] div in div mit abstand, beide 100% width, 100% hei
Zitat:
@alcaeus: oh, das gefällt mir auf den ersten blick auch recht gut! danke dir auch schon mal. vor allem das mit den pngs kann mir auch weiterhelfen ;) ich wusste doch auf euch ist verlass :thumb: |
Re: [css] div in div mit abstand, beide 100% width, 100% hei
Zitat:
Greetz alcaeus |
| Alle Zeitangaben in WEZ +1. Es ist jetzt 00:20 Uhr. |
Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024-2025 by Thomas Breitkreuz