Задать вопрос
@mkvmaks
css

Разместить теги с HTML+CSS+div 3 сверху 1 снизу -как?

Всем привет. Помогите справиться. Есть HTML документ с iframe. Необходимо расположить на экране 3 фрейма подряд - по ширине 100% ( но каждый фрейм так же имеет свою ширину). И + 1 фрейм шириной 100% под 3 выше.

Код прилагаю:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>тест</title>
		<script src="script.js"></script>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  
  <style type="text/css">
  </style>
  
  </head>

<body>

<script>
<!--
function show2(){
if (!document.all&&!document.getElementById)
return
thelement=document.getElementById? document.getElementById("tick2"): document.all.tick2
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds+" "+dn
thelement.innerHTML="<b style='font-size:32;color:red;'>"+ctime+"</b>"
setTimeout("show2()",1000)
}
window.onload=show2
//-->
</script> 





		<div id="time"><iframe src="" width="50%" height="250" align="left"></iframe></div>
		<div id="tick2" width="10" align="left"></div>
	    <div id="todo"><iframe src="" width="40%" height="250" align="right"></iframe></div>
		<div id="ago"><iframe src="" id="fr" width="100%" height="800"></iframe></div>

  </body>
</html>
  • Вопрос задан
  • 108 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
Krasnodar_etc
@Krasnodar_etc
fundraiseup 
<div class="wrapper">
 <div id="time"><iframe src="" width="50%" height="250" align="left"></iframe></div>
    <div id="tick2" width="10" align="left"></div>
     <div id="todo"><iframe src="" width="40%" height="250" align="right"></iframe></div>
    <div id="ago"><iframe src="" id="fr" width="100%" height="800"></iframe></div>
</div>


.wrapper{
    display: flex;
    flex-wrap: wrap;
}
#ago {
    width: 100%;
}


UPD: для примера можно, но никогда не стилизуйте элементы прямо в разметке и по-возможности используйте class вместо id. Писать код в тэге script - не очень хорошая практика
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 140 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Frontend разработчик
Базис-Центр • Коломна
от 30 000 до 70 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Директ: настройка и ведение для салона красоты в Москве
18 мая 2024, в 00:47
12000 руб./за проект
Доработать проект WPF C#
18 мая 2024, в 00:06
2000 руб./за проект
Предложить и рассчитать фильтр переключателя аудио
17 мая 2024, в 23:44
1000 руб./за проект
Ещё заказы