Форум PHP программистов > Как избавиться от таблиц?

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Как избавиться от таблиц?

Владимир55

21.05.2013 - 17:38

Шапка сайта сверстана с использованием двух таблиц, одна из которых встроена в ячейку другой. Все браузеры показывают её нормально, страница оптимизирована под разрешение 1024 рх и центрируется при любом разрешении монитора, так что всё хорошо, но это не современно.

Могут ли уважаемые Гуру на её примере показать, как это можно осуществить средствами CSS?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Главная</title>
</head>
 
<body bgcolor="#FFFFFF">
 
<div align="center">
<table border="0" width="980" style="border-collapse: collapse">
    <tr>
        <td width="304">
        <img border="0" src="shkola.jpg" width="300" height="213"></td>
        <td valign="bottom">УХЛ Учпедгиз</td>
        <td>Школа Клементинского района</td>
        <td>
        <table border="10" width="20" style="border-collapse: collapse" bordercolor="#808080">
            <tr>
                <td><p>Вход</td>
            </tr>
        </table>
        </td>
    </tr>
</table>

Игорь_Vasinsky

21.05.2013 - 18:14

ты про замену на div? ну используй display + float

вообще в сети уже давным давно примеров и 2 колоночных и 3х колоночных

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Владимир55

21.05.2013 - 20:46

Цитата (Игорь_Vasinsky @ 21.05.2013 - 14:14)

ты про замену на div?

Вообще-то я про специфику, связанную с ИЕ.

Это и с DOCTYPE как-то связано?

Игорь_Vasinsky

21.05.2013 - 21:58

валидность связана, да и отображаться при разных доктипах будет отличаться - поэксперементируй.

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Быстрый ответ:

Здесь расположена полная версия этой страницы.