Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Нормализация css
 
 автор: Гавриленко Дмитрий   (09.10.2010 в 23:16)   письмо автору
 
 

Файл css

BODY {
    background-color: black;
    background-image: url("Wv.jpg");
    background-repeat: no-repeat;
    text-align: center;
}
#bloc {
    border-style: solid;
    border-color: maroon;
    border-width: 3px;
    text-align: center;
    width: 800px;
}


Файл html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<link rel="stylesheet" type="text/css" href="styles/style.css">
</head>
<body>
   
   <div id="bloc">Тут будет все все... и навигация и информация и акция...</div>
    
</body>
</html>




в браузере ИЕ все как и должно быть... все по центру без исключения...
А в Гугл Хром элемент "bloc" не по центру как в ИЕ, а слева... В чем дело? Как решить проблему?

  Ответить  
 
 автор: АЯ   (09.10.2010 в 23:29)   письмо автору
 
   для: Гавриленко Дмитрий   (09.10.2010 в 23:16)
 

Правило text-align браузеры (кроме MSIE) воспринимают как правило для текста (линейный элемент), но не для блочных элементов.

Лечится немного идиотской "примочкой" - добавьте для #block:
margin: 0 auto;

  Ответить  
 
 автор: Гавриленко Дмитрий   (09.10.2010 в 23:36)   письмо автору
 
   для: АЯ   (09.10.2010 в 23:29)
 

Спасибо однако.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования