Разные браузеры HTML выравнивание

У меня есть первая страница моего веб-сайта, посвященного поисковой системе, который я использовал в Chrome во время создания сайта.Разные браузеры HTML выравнивание

Я только что протестировал сайт в Firefox и IE, а радио-коробки и окно поиска/кнопки выровнены влево, что не так, как я хочу, чтобы они отображались, как я могу это исправить?

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 

<meta name="view-part" content="width=device-width, inital-scale =1.0"> 
<title> Clear Shot Results </title> 
<link rel="stylesheet" href="css/bootstrap.css"> 
<link rel="stylesheet" href="css/bootstrap-responsive.css"> 
</head> 

    <body> 
<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 


    <a href="#" class="brand">Clear Shot Results </a> 
    <div class="nav-collapse collapse"> 
     <ul class="nav pull-right"> 
     <li > <a href='evaluation_form.php'>Survey</a></li> 
     <li> <a href='about.html'>About Us</a></li> 
     <li  calss ="active"> <a href='#'>Home</a></li> 
</div> 
</div> 
</div> 
       </br> 
      </br> 
      </br> 
    <form method="GET" action="" align="center"> 
    <div style="text-align: center;"><img border="0" src="sight.jpg" alt="Sniper" width="150" height="150"></div> 



      </br> 
      Aggregated 
      <input type="radio" name="choice" value="AGG"checked >&nbsp 
      Non-aggregated 
      <input type="radio" name="choice" value="NonAGG" >&nbsp 
      Blekko 
      <input type="radio" name="choice" value="Blekko" >&nbsp 
       Bing      
      <input type="radio" name="choice" value="Bing">&nbsp 
      Google 
      <input type="radio" name="choice" value="Google"><br /> 

      </br> 
      </br> 
      <input name="query" type="text" size="60" maxlength="60" value="<?php 

if(isset($_GET["query"])) 
    echo $_GET["query"]; 

?>" /><br /> 

      <input class="btn btn-primary btn-large" type="submit" value="Search" /> 
      </form> 
      <form method="GET" action="" align="center"> 
      </br> 
      </br>

источник

2013-07-29 user2562455

Вы можете положить что-то на JsFiddle? – jeff

Off topic: если это копия + вставка с вашего сайта, это выглядит так: 'calss =" active "' является ошибкой опечатки. Кроме того, «значение =» AGG «checked» не содержит пробела, поэтому может работать неправильно. – Spudley

Кроме того, ваш HTML нуждается в очистке. «align» и «border» HTML-атрибуты устарели в HTML5, ваша домашняя ссылка имеет «class» с ошибкой, и есть тонна непоследовательного пробела. Белые вещи не являются технологической проблемой, но это затрудняет читаемость, что затрудняет другие ошибки. – Shauna

Для получения формы в вашем формуляре необходимо добавить свойство text-align:center CSS.

View the JSFiddle here

form 
{ 
    text-align:center; 
}

OR (Bad практика .. Используйте CSS вместо встроенных стилей)

Изменить:

<form method="GET" action="" align="center">

To:

<form method="GET" action="" style="text-align:center;">

Это работает как ожидается на Firefox, Safari & Chrome.

View the working JSFiddle (Click here)

источник

2013-07-29 15:10:27 Anil

Большое спасибо !!! – user2562455

Разные браузеры HTML выравнивание

ответ

Смежные вопросы