iframe (unbekannte breite) + div (156px)
endzeit
- design/layout
Heyho :-)
Zur Zeit stehe ich vor folgendem Problem:
Ich benötige einen Header, ein Iframe und ein DIV.
Der Header macht keine Probleme, die anderen zwei aber.
Die Breite des Iframes kenne ich nicht, nur die des DIVs (156px)
Das ganze sollte folgendermassen aussehen:
+------------------------------+
| |
| Header |
| |
+------------------------------+
| | |
| | |
| Iframe | DIV |
| | 156px |
| | |
| | |
| | |
| | |
+------------------------------+
Hat jemand eine Idee, wie sich das oben genannte Szenario umsetzen lässt?
Danke und Gruss
Update:
Die Breite habe ich hinbekommen, jedoch habe ich noch ein Problem mit der Höhe.
Ich habe jetzt einfach ein absolut-positioniertes DIV drum herumgepflanzt.
top:61px;
left:0px;
right:157px;
bottom:0px;
Jetzt wird das Iframe aber nur etwa 50px hoch... gebe ich aber height:100% an, dann läuft es drüber raus (Scrollbalken) erscheint.
Gruss
Das ganze sollte folgendermassen aussehen:
+------------------------------+
| |
| Header |
| |
+------------------------------+
| | |
| | |
| Iframe | DIV |
| | 156px |
| | |
| | |
| | |
| | |
+------------------------------+
Korrektur
+------------------------------+
| |
| Iframe für Header |
| |
+------------------------------+
| | |
| | iframe |
| Content | |
| | 156px |
| | |
| | |
| | |
| | |
+------------------------------+
Wenn das nicht einleuchtet, solltest du besser auf Frames oder iframes ganz verzichten.
Dein Layout kannst du mit der Eigenschaft float (für den Sidebar)
und overflow:auto für den Content bewerkstelligen.
mfg Beat
@@Beat:
nuqneH
Wenn das nicht einleuchtet,
Damit es einleutet: https://forum.selfhtml.org/?t=187729&m=1248374
solltest du besser auf Frames oder iframes ganz verzichten.
Das leuchtet ein: https://forum.selfhtml.org/?t=187729&m=1248380
Qapla'
@@endzeit:
nuqneH
Die Breite des Iframes kenne ich nicht
Warum nicht?
Qapla'
@@endzeit:
nuqneH
»» Die Breite des Iframes kenne ich nicht
Warum nicht?
Qapla'
Die Seite soll einen Header (width:100%, height:60px), einen rechten Rand (width:156px, height:100%) und nebendran ein IFrame (width:100%-156px, height:100%).
In das IFrame sollen später verschiedene Applikationen geladen werden.
@@endzeit:
nuqneH
In das IFrame sollen später verschiedene Applikationen geladen werden.
?? Warum hat nicht jede Applikation ihre eigene Seite = ihren eigenen URI?
Dann handelst du dir nicht die Probleme mit (I)Frames ein.
Die auf allen Seiten gleichen Inhalte im Header und rechten Rand kannst du auslagern.
Qapla'