|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
26.05.2013, 23:58 | #1 |
Пользователь
Регистрация: 26.10.2011
Сообщений: 67
|
Выравнивание дивов
Есть див с текстовыми полями и кнопкой и див с картой гугл, не пойму почему они не могут быть на одном уровне..
Код HTML:
<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/><!--Этой настройкой указывается, что карту следует отображать в полноэкранном режиме, и ее размер не может изменяться пользователем.--> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" /> <!--загрузка api карт--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> </script> <title>Untitled 1</title> <script type="text/javascript"> var directionDisplay; var directionsService = new google.maps.DirectionsService(); var map; var geocoder; var gl_start; var gl_end; function initialize() { geocoder = new google.maps.Geocoder(); directionsDisplay = new google.maps.DirectionsRenderer(); var myOptions = { center: new google.maps.LatLng(49.9935,36.230383), disableDefaultUI: true, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.LARGE, position: google.maps.ControlPosition.LEFT_CENTER }, panControl:true, panControlOptions: { position: google.maps.ControlPosition.TOP_RIGHT }, zoom: 12,<!--уровни масштабирования--> mapTypeId: google.maps.MapTypeId.ROADMAP<!--стандартные двухмерные фрагменты Google Карт--> } var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);<!-- создании нового экземпляра карты --> directionsDisplay.setMap(map); <!--метод привязки объекта к карте--> } </script> </head> <body onload='initialize()'> <div id="content"; > <div style="position:relative;"> <b >Начало маршрута</b> <br /> <input type="text" id="start" /> <br /> <b>Конец маршрута</b> <br /> <input type="text" id="end"/> <br /></div> <div id="map_canvas" style="width:40%;height:50%; margin-left:200px; position:relative;" ></div> </div> </body> </html> |
27.05.2013, 13:15 | #2 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Потому что блочные элементы разрывают поток и создают внутри себя собственный.
Проще говоря, так и задумано.
Alar, верни репу!
|
27.05.2013, 19:47 | #3 |
Пользователь
Регистрация: 26.10.2011
Сообщений: 67
|
|
28.05.2013, 11:03 | #4 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Можно, плавающие блоки, либо строчно-блочное отображение, либо абсолютное позиционирование...
Таблица, наконец... (OMG, я посоветовал таблицу >_<)
Alar, верни репу!
|
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Несколько всплывающих окон-дивов | M-K | JavaScript, Ajax | 1 | 09.03.2012 21:06 |
Перекрытие дивов | masashama | HTML и CSS | 2 | 06.02.2012 20:28 |
выравнивание дивов | tazododu | HTML и CSS | 2 | 12.03.2010 17:16 |
как сделать один из дивов центральным и с заданной шириной | Arassir | HTML и CSS | 3 | 22.01.2010 19:57 |
выравнивание | wolf950 | HTML и CSS | 2 | 17.03.2009 10:05 |