Как в HTML5 разбить страницу на фреймы с отдельной html страницей в каждом

Nightingale81 · June 26, 2018

Здравствуйте!

Надо на одной странице отобразить несколько страниц в разных частях в HTML5.
Если надо в "top" поместить одну страницу на всю ширину, ниже сделать 2 страницы на одном уровне. Под ними поставить страницу "footer" на всю ширину.

В общем как то так:
В index.html

Но так отображается не корректно.

Помогите пожалуйста с кодом, что бы отображалось правильно.

Edited June 26, 2018 by Nightingale81

Alexej · June 26, 2018

Может не правильно понял.

Взять просто div + flex и сделать то что вы хотите (ну или float) а внутри уже эти фреймы вставить. или я вас не понял.

Nightingale81 · June 27, 2018

А можно привести пример кода?

(относительно того кода, что я написал)

Alexej · June 27, 2018

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		.top {
			width: 100%;
			height: 300px;
		}
		
		.wrapper {
			width: 100%;
			display: flex;
			flex-direction: row;
		}

		.menu {
			width: 50%;
			height: 600px;
			
		}
		
		.table {
			width: 50%;
			height: 600px;
		}


		.footer {
			width: 100%;
			height: 300px;
		}

	</style>
</head>
<body>
	<div class="top">
		<iframe src="https://htmlforum.io/topic/59364-kak-v-html5-razbit-stranicu-na-freymy-s-otdelnoy-html-stranicey-v-kazhdom/" width="100%" height="300px">
	</div>
	<div class="wrapper clearfix">
		<div class="table">
			<iframe src="https://htmlforum.io/topic/59364-kak-v-html5-razbit-stranicu-na-freymy-s-otdelnoy-html-stranicey-v-kazhdom/"width="100%" height="300"></iframe>
		</div>
		<div class="menu">
			<iframe src="https://htmlforum.io/topic/59364-kak-v-html5-razbit-stranicu-na-freymy-s-otdelnoy-html-stranicey-v-kazhdom/" width="100%" height="300"></iframe>
		</div>
	</div>
	<footer class="footer">
		<iframe src="https://htmlforum.io/topic/59364-kak-v-html5-razbit-stranicu-na-freymy-s-otdelnoy-html-stranicey-v-kazhdom/" width="100%" height="300"></iframe>
	</footer>
</body>
</html>

Что то типа этого.

Sign In

Как в HTML5 разбить страницу на фреймы с отдельной html страницей в каждом

Question

Nightingale81

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Alexej

Link to comment

Share on other sites

Nightingale81

Link to comment

Share on other sites

Alexej

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information