Forum Doku Wiki Blog

Forumsarchiv 2002, Mai
Relative Größe für <div>-Bereich!?

archivierte Beiträge lesen

  1. (DHTML) Relative Größe für <div>-Bereich!? von Daniel Ulrich, 07. 05. 2002, 14:10

Relative Größe für <div>-Bereich!?

Der folgende Beitrag wurde am 07. 05. 2002, 14:10 Uhr von Daniel Ulrich veröffentlicht.

Hallo Forumer!

Für meine Homepage möcht ich nen iframe definieren, der folgendermaßen aussehen soll:

Links vom iframe hab ich nen Bereich der sagen wir mal 128 Pixel breit ist und oben ebenfalls einen solchen mit beispielsweise 64 Pixel Höhe. Den Rest des Fensters soll der iframe einnehmen (normle Frames kann ich nicht verwenden, weil ich div Bereiche über den Frame einblenden will!).

Da das Fenster aber in seiner größe veränderbar sein soll kann ich natürlich keine festen Werte für Höhe/Breite des iframe nehmen; da die oben genannten Bereiche absolut sind funktionieren auch keine %-Angaben.

Den iframe hab ich in einen div-Bereich eingeschlossen, u.a. damit ich besser damit arbeiten kann (der div-Bereich soll bleiben). Höhe/Breite vom iframe also auf 100%. Nun muss ich also den div Bereich relativ ausrichten, hab aber keinen Plan, wie ich das machen kann... Aber vielleicht weiß es ja einer von euch??

Ich könnts wohl über "screen.availHeight/Width minus Rand" machen, für Width würds auch funktionieren, aber bei Height gehts nicht, weil ich nicht weiß, welche Explorer-Leisten der Anwender sichtbar hat...

Als Lösungsansatz hab ich versucht den div-Bereich mit ...bottom:0px; right:0px; height:100%; width:100%;... auszurichten und height/width über JavaScript so anzupassen, dass ich Höhe/Breite auslese, vom Wert den Randbereich abziehe und das Ergebnis als neue Höhe/Breite definiere. Dafür weiß ich aber nicht wie ich die %-Angabe in Pixel ausgeben kann... (falls das überhaupt geht).
Besonders gut wär das aber auch nicht, weil der Bereich nicht dynamisch auf eine Größenänderung des Fensters durch den User reagieren könnte!

Ich hoff, mir kann jemand helfen!!
CU, DU

Relative Größe für <div>-Bereich!?

Der folgende Beitrag wurde am 07. 05. 2002, 14:35 Uhr von Daniel Ulrich veröffentlicht.

Uupps...

Ich vergaß zu erwähnen, dass ich in der Seite scrolling deaktiviert hab. Sie darf nur so hoch sein, wie das Anzeigefenster. Gescrollt wird nur im iframe!

CU, DU

Relative Größe für <div>-Bereich!?

Der folgende Beitrag wurde am 07. 05. 2002, 15:41 Uhr von Kai Lahmann veröffentlicht.

hi

> Ich vergaß zu erwähnen, dass ich in der Seite scrolling deaktiviert hab. Sie darf nur so hoch sein, wie das Anzeigefenster. Gescrollt wird nur im iframe!

dann kann doch der <iframe> immer den Platz einnehmen, der für den Inhalt da ist - 100% der Zelle in beiden Richtungen.

Grüße aus Lüneburg

Kai

Relative Größe für <div>-Bereich!?

Der folgende Beitrag wurde am 07. 05. 2002, 16:26 Uhr von Daniel Ulrich veröffentlicht.

> hi

> dann kann doch der <iframe> immer den Platz einnehmen, der für den Inhalt da ist - 100% der Zelle in beiden Richtungen.

> Grüße aus Lüneburg

> Kai

Moin!

Von welcher Zelle redest du? Versteh ich dich einfach nicht oder du mich??
So solls aussehen:
Oben und links bekannter, fixer Abstand/Bereich; Startposition des iframe bzw. div ist vorgegeben (linke obere iframe/div-ecke)
 _____________________________
|          fixer Abstand      |
|      _______________________|
|     |                       |
|     |                       |
|     |                       |
|     |    div mit iframe     |
|     |                       |
|     |                       |
|_____|_______________________| ->
                             |
                             v   veränderbare Größe des Fensters

Der div-Bereich soll also den festen Ausgangspunkt {...top:64px; left:128px;...} haben und bis zum Fensterrand rechts und unten gehen bei variabler Fenstergröße.

Na?

CU, DU

Relative Größe für <div>-Bereich!?

Der folgende Beitrag wurde am 07. 05. 2002, 16:43 Uhr von Kai Lahmann veröffentlicht.

hi

> > dann kann doch der <iframe> immer den Platz einnehmen, der für den Inhalt da ist - 100% der Zelle in beiden Richtungen.

> _____________________________
> |          fixer Abstand      |
> |      _______________________|
> |     |                       |
> |     |                       |
> |     |                       |
> |     |    div mit iframe     |
> |     |                       |
> |     |                       |
> |_____|_______________________| ->
>                              |
>                              v   veränderbare Größe des Fensters

gut...

#content{top:64px; left:128px; bottom:0px; right:0px; width:auto; height:auto;}
iframe{height:100%; width:100%;}

so

Grüße aus Lüneburg

Kai

Relative Größe für <div>-Bereich!?

Der folgende Beitrag wurde am 07. 05. 2002, 17:26 Uhr von Daniel Ulrich veröffentlicht.

> gut...

> #content{top:64px; left:128px; bottom:0px; right:0px; width:auto; height:auto;}
> iframe{height:100%; width:100%;}

> so

> Grüße aus Lüneburg

> Kai

Nope, das sieht dann ungefähr so aus:
 _____________________________
|          fixer Abstand      |
|      _______________________|______
|     |                       |      |
|     |                       |      |
|     |                       |      |
|     |    div mit iframe     |      |
|     |                       |      |
|     |                       |      |
|_____|_______________________|      |
      |                              |
      |                              |
      |______________________________|

Soll heissen, der iframe innerhalb des divs geht über den Fenterrand raus, trotz overflow:hidden oder auto oder was auch immer...

CU, DU

Relative Größe für <div>-Bereich!?

Der folgende Beitrag wurde am 07. 05. 2002, 21:11 Uhr von Kai Lahmann veröffentlicht.

hi

> Nope, das sieht dann ungefähr so aus:
> _____________________________
> |          fixer Abstand      |
> |      _______________________|______
> |     |                       |      |
> |     |                       |      |
> |     |                       |      |
> |     |    div mit iframe     |      |
> |     |                       |      |
> |     |                       |      |
> |_____|_______________________|      |
>       |                              |
>       |                              |
>       |______________________________|

> Soll heissen, der iframe innerhalb des divs geht über den Fenterrand raus, trotz overflow:hidden oder auto oder was auch immer...

aghr!!!! *Redmond gleich komplett Spreng* Wieso meint der MSIE bei einem <iframe> ist width:100% die FENSTER-BREITE??? (konqueror und Mozilla nehmen die Breite vom <div>, Opera scheitert evtl. am right:..)
..wenn das linke Ding eine Breite in % hat, gehen die restlichen % direkt an den <iframe> - geht das..?

Grüße aus Lüneburg

Kai

Relative Größe für <div>-Bereich!?

Der folgende Beitrag wurde am 07. 05. 2002, 21:50 Uhr von Daniel Ulrich veröffentlicht.

> aghr!!!! *Redmond gleich komplett Spreng* Wieso meint der MSIE bei einem <iframe> ist width:100% die FENSTER-BREITE??? (konqueror und Mozilla nehmen die Breite vom <div>, Opera scheitert evtl. am right:..)
> ..wenn das linke Ding eine Breite in % hat, gehen die restlichen % direkt an den <iframe> - geht das..?

> Grüße aus Lüneburg

> Kai

n'Abend!

Nuja, das würd schon gehen, (über "linkes Ding" width:20% / iframe width:80% etc.) nur ist die Breite von dem "linken Ding" wirklich was fixes, das muss n fester Wert bleiben... Ich krieg die Krise ($/%&(%$&%/&%$/ Microschrott!!

Cu, DU

Relative Größe für <div>-Bereich!?

Der folgende Beitrag wurde am 07. 05. 2002, 21:59 Uhr von Kai Lahmann veröffentlicht.

hi

> Nuja, das würd schon gehen, (über "linkes Ding" width:20% / iframe width:80% etc.) nur ist die Breite von dem "linken Ding" wirklich was fixes, das muss n fester Wert bleiben... Ich krieg die Krise ($/%&(%$&%/&%$/ Microschrott!!

..nächste Idee:
iframe[position:absolute; right:0px; bottom:0px; width:auto; height:auto; left:?; top:?;}

..so? (Ristkofaktor heute: Opera) die Werte für left und top haste ja

Grüße aus Lüneburg

Kai

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4