Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 26.05.2013, 23:58   #1
Glowworm
Пользователь
 
Аватар для Glowworm
 
Регистрация: 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>
Glowworm вне форума Ответить с цитированием
Старый 27.05.2013, 13:15   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Потому что блочные элементы разрывают поток и создают внутри себя собственный.
Проще говоря, так и задумано.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 27.05.2013, 19:47   #3
Glowworm
Пользователь
 
Аватар для Glowworm
 
Регистрация: 26.10.2011
Сообщений: 67
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
Потому что блочные элементы разрывают поток и создают внутри себя собственный.
Проще говоря, так и задумано.
И что никак нельзя их сделать на одном уровне?
Glowworm вне форума Ответить с цитированием
Старый 28.05.2013, 11:03   #4
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Можно, плавающие блоки, либо строчно-блочное отображение, либо абсолютное позиционирование...
Таблица, наконец... (OMG, я посоветовал таблицу >_<)
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Несколько всплывающих окон-дивов 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