Тег <DIV> и его проблемы.

40

maloi86

19 июня 2009, 14:30

815

Подскажите пожалуйста как отцентровать тег <DIV> относительно всех браузеров , так в приведенном ниже примере не во всех браузер он выводится четко по центру.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

.block1 {

width: 200px;

background: #ccc;

padding: 5px;

padding-right: 20px;

border: solid 1px black;

float: left;

}

.block2 {

width: 200px;

background: #fc0;

padding: 5px;

border: solid 1px black;

float: left;

position: relative;

top: 40px;

left: -70px;

}

</style>

</head>

<body>

<div class="block1">Lorem ipsum dolor sit amet, consectetuer

adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet

dolore magna aliguam erat volutpat.</div>

<div class="block2">Ut wisis enim ad minim veniam, quis nostrud

exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex

ea commodo consequat.</div>

</body>

</html>

124

viКing

19 июня 2009, 15:08

#1

Если вы хотите, чтобы div выводился "чётко по центру", то нужно добавить margin: 0 auto, а также ширину для блока.

и никаких float:left

425

Таггу x_x

19 июня 2009, 15:13

#2

maloi86:
Подскажите пожалуйста как отцентровать тег <DIV> относительно всех браузеров

Мощная фраза... только непонятная :)

viКing, истину глаголите.

☠️☠️☠️

[Удален]

19 июня 2009, 15:44

#3

а для блоков непостоянной ширины решение описано в техногретте.

174

Varkolak

19 июня 2009, 23:39

#4

если ширина блока известна, а если хотите отцентровать, значит ширина известна, по дефолту она 100%, то юзайте следующий код:


.block {

width:900px;

margin:0 auto;

}



<div class="block">текст</div>

ваш код очень бредовый:


float: left; 

position: relative; 

top: 40px; 

left: -70px;

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com

J

155

JIucky

20 июня 2009, 01:15

#5

1. <div align="center"></div>

2. margin:0 auto;

3. позиционированием

а вообще смотри сюда

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи

Маркетинг для шоколадной фабрики. На 34% выше средний чек