XHTML 1.1 выравнивание и задача размеров таблицы - HTML и CSS

Inkognitoo · 15.04.2012, 14:32

Доброго времени суток, уважаемые, есть такая проблема...

PHP код:


			
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Главная страница</title>

    <meta http-equiv = "Content-type" content = "text/html; charset = windows-1251" />

    <meta name = "keywords" content = "заглавная страница, главная страница портала..." />

    <meta name = "description" content="Главная страница портала портала ..." />

    <link rel="stylesheet" type="text/css" href="style.css" />

</head>

<body>

<table class="table1">

    <tr>

        <td align=center>                        

            <table>

                <tr>

                    <td>

                        <img src="gallery.jpg" alt="Галерея" usemap="#gallery" />

                    </td>                

                    <td>

                        <img src="library.jpg" alt="Библиотека" usemap="#library" />

                    </td>

                </tr>

            </table>

            <a href="guestBook.html"><img src="book.jpg" alt="Гостевая книга" /></a>        

        </td>

    </tr>

</table>

<div>

    <i class="myText">Текст-текст-текст.</i>

</div>



<div>

    <map id="gallery" name="gallery">

            <area shape="rect" coords="114,165,150,460" href="Glavniai_stranica_galerei/Galereia.htm" alt="" />

    </map>

    <map id="library" name="library">

            <area shape="rect" coords="174,122,265,410" href="index.html" alt="" />

    </map>    

</div>

</body>

</html>

css файл:

PHP код:


			
.table1 {

                table-layout: fixed; 

                width: 100%; 

                height: 100%; 

}

1) Как задать внешней таблице 100%ную высоту?
2) Как выравнять её содержимое по вертикали?

roman8p8 · 15.04.2012, 19:06

Привет! Попробуй убрать table-layout: fixed; и чтобы выровнять его содержимое я знаю два эффективных способа 1)помести содержимое таблицы в див блок и задай этому диву фиксированную высоту и примени к нему margin-top:auto; и margin-bottom:auto;.
2)задай содержимое таблицы свойства vertical align:center;
Или задай поля самой таблице.
Надеюсь сработает.

15.04.2012, 14:32	#1
Inkognitoo Регистрация: 13.04.2012 Сообщений: 9	XHTML 1.1 выравнивание и задача размеров таблицы Доброго времени суток, уважаемые, есть такая проблема... PHP код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Главная страница</title> <meta http-equiv = "Content-type" content = "text/html; charset = windows-1251" /> <meta name = "keywords" content = "заглавная страница, главная страница портала..." /> <meta name = "description" content="Главная страница портала портала ..." /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <table class="table1"> <tr> <td align=center> <table> <tr> <td> <img src="gallery.jpg" alt="Галерея" usemap="#gallery" /> </td> <td> <img src="library.jpg" alt="Библиотека" usemap="#library" /> </td> </tr> </table> <a href="guestBook.html"><img src="book.jpg" alt="Гостевая книга" /></a> </td> </tr> </table> <div> <i class="myText">Текст-текст-текст.</i> </div> <div> <map id="gallery" name="gallery"> <area shape="rect" coords="114,165,150,460" href="Glavniai_stranica_galerei/Galereia.htm" alt="" /> </map> <map id="library" name="library"> <area shape="rect" coords="174,122,265,410" href="index.html" alt="" /> </map> </div> </body> </html> css файл: PHP код: `.table1 { table-layout: fixed; width: 100%; height: 100%; }` 1) Как задать внешней таблице 100%ную высоту? 2) Как выравнять её содержимое по вертикали? Последний раз редактировалось Inkognitoo; 15.04.2012 в 14:49.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Выравнивание рамок таблицы	Droid	HTML и CSS	2	14.05.2010 15:56
Выравнивание таблицы в RichEdit	yngwie	Win Api	0	09.04.2009 21:39
Выравнивание высоты таблицы для разного разрешения	Svetix	HTML и CSS	10	03.04.2009 17:00
Выравнивание форм в ячейках таблицы	Antoha	HTML и CSS	3	30.03.2009 23:15
XHTML	eldar	Работа с сетью в Delphi	0	06.09.2008 15:54

15.04.2012, 19:06	#2
roman8p8 Новичок Джуниор Регистрация: 15.04.2012 Сообщений: 2	Привет! Попробуй убрать table-layout: fixed; и чтобы выровнять его содержимое я знаю два эффективных способа 1)помести содержимое таблицы в див блок и задай этому диву фиксированную высоту и примени к нему margin-top:auto; и margin-bottom:auto;. 2)задай содержимое таблицы свойства vertical align:center; Или задай поля самой таблице. Надеюсь сработает.