Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Верстка граф. макета в разных браузерах


Автор: Djigit 8.1.2009, 15:41
Доброго времени суток.

вот мой код 

Код

<? xml version="1.0" charset="windows-1251" ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD//XHTML 1.1 FINAL //EN" "http://www.w3c.org/tr/xhtml11/dtd/xhtml11.dtd" >
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1251;" />
        <meta name="author" content="Shamal" />
        <meta name="keywords" content="Zloy,site,Shamal" />
        <title>Здесь могла быть ваша реклама...</title>
    </head>
    
    <body>
        <table width="898" height="563" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td colspan="4"><img src="./img/audi_new_02.gif" width="898" height="54" alt="" /></td>
            </tr>
            <tr>
                <td><img src="./img/audi_new_04.gif" width="320" height="71" alt="" /></td>
                <td><img src="./img/audi_new_05.gif" width="160" height="71" alt="" /></td>
                <td><img src="./img/audi_new_06.gif" width="259" height="71" alt="" /></td>
                <td><img src="./img/audi_new_07.gif" width="159" height="71" alt="" /></td>
            </tr>
            <tr>
                <td><img src="./img/audi_new_08.gif" width="320" height="121" alt="" /></td>
                <td><img src="./img/audi_new_09.gif" width="160" height="121" alt="" /></td>
                <td rowspan="3"><img src="./img/audi_new_10.gif" width="259" height="438" alt="" /></td>
                <td rowspan="3"><img src="./img/audi_new_11.gif" width="159" height="438" alt="" /></td>
            </tr>
            <tr>
                <td colspan="2"><img src="./img/audi_new_12.gif" width="480" height="4" alt="" /></td>
            </tr>
            <tr>
                <td><img src="./img/audi_new_13.gif" width="320" height="313" alt="" /></td>
                <td><img src="./img/audi_new_14.gif" width="160" height="313" alt="" /></td>
            </tr>
        </table>
    </body>
</html>


в ie отображается правильно
http://img81.imageshack.us/my.php?image=321wt4.gif

в мозилле нет....
http://img150.imageshack.us/my.php?image=123js8.gif

в чем ошибка? я код написал также,как автоматом генерирует image ready,для каждого Img прописывал индивидуально ширину и высоту. Это лучше следует сделать для ячеек? Или существенной разницы нет...

И вообще,где есть список главных проблем,конфликтов браузерных... киньте материальчеГ,друзья. А то я системщик,на верстко-вебку только перейти хочу,самостоятельно,вот уже первые грабли.

Автор: bars80080 8.1.2009, 18:37
мда, а у меня лягушка всё не открывается и не открывается...

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

посоветовал бы внести обязательные стили:

Код

...
<style>
* { margin: 0px; padding: 0px; }
img { display: block; }
</style>
    </head>
...


стандартных проблем нет, есть только много всякого, что необходимо знать верстальщику. советую купить книжку (нахудой конец скачать) по html и css. найти их можно либо в этом разделе (посмотрите прикреплённые темы), либо здесь же на форуме есть раздел "компьютерная литература", там отыщите темы по вёрстке

Автор: Djigit 8.1.2009, 19:59
да,проблема в ненужных пробелах... в мозилле.. ие отображает четко,как я и планировал.
прописал стиль по Вашему совету,теперь и в мозилле также. Благодарю  smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)