nicht angemeldet
Rolf BHallo jQuietsch,
allgemeiner Ansatz
Doch, natürlich. Du baust eine Rahmenseite, die die ehemaligen Frameset-Inhalte als iframe einbindet und mit Grid oder Flexbox entsprechend die Breiten setzt. Unser Wiki schreibt etwas darüber
<frameset cols="*,1280,*" border="0">
<frame name="off li" src="text/off.htm">
<frameset rows="2%, 20%, *, 2%">
<frame name= "off ob" src="text/off.htm">
<frame name= "intro" src="text/intro.htm">
<frameset cols="280, 1000">
<frame name="links" src="text/links.htm">
<frame name="texte" src="text/texte.htm">
</frameset>
<frame name= "off un" src="text/off.htm">
</frameset>
<frame name= "off re" src="text/off.htm">
</frameset>
ersetzt man durch
<body>
<iframe id="off_li" src="text/off.htm">
<main>
<iframe name= "off_ob" src="text/off.htm">
<iframe name= "intro" src="text/intro.htm">
<div id="content">
<iframe id="links" src="text/links.htm">
<iframe id="texte" src="text/texte.htm">
</div>
<iframe id= "off_un" src="text/off.htm">
</main>
<iframe id="off_re" src="text/off.htm">
</body>
Die Breiten und Höhen kann man mit CSS beeinflussen, und für body und content-Div setzt Du eine Flexbox mit entsprechenden Breiten ein, die die Inhalte nebeneinander setzt.
Aber das sollte man nicht tun. Du hast 7 Zonen:
- Linker Rand - off.htm
- Rechter Rand - off.htm
- 2% oberer Rand - off.htm
- 2% unterer Rand - off.htm
- Intro
- Logo (links)
- Text
Was steht im off.htm drin? Irgendwas zum Füllen der Seite? Wenn das nur ein Bild ist, kann man das dem body als Hintergrund geben. Schwupps, sind 4 iframes weg.
Den Rest kann man mit Flexbox oder Grid erledigen. Aber zunächst ein paar Verständnisfragen.
-
Hast Du die Frameset-Seite irgendwo online? Ich kann mir das Scroll-Verhalten gerade schwer vorstellen.
-
Das Intro ist im Frameset 20% hoch, aber du schreibst, es kann variabel lang sein und du willst Scrollbars vermeiden. Das passt irgendwie nicht zusammen. Wenn der Inhalt des Intro die 20% überschreitet, brauchst Du dafür doch einen Scrollbar.
-
Wie stellst Du Dir vor, dass deine Seite auf einem Smartphone oder Tablet aussieht? Das nennt man responsives Layout, die Seite „antwortet“ auf die Abmessungen des Ausgabegerätes. Deine Idee mit fixiertem Logo könnte sich dann als fixe Idee erweisen. Mit @media-Abfragen und Grid kann man das Layout je nach Bildschirmgröße umpositionieren.
Rolf
sumpsi - posui - obstruxi
Matthias Scharwies
Der Martin