Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Как сделат что "header" и "footer" были

Автор: jxr 12.11.2008, 16:53

Header
"This is Top page"

Footer
"This is Foot page"

Не получаеться так что бы они были в центре... ( align = "center" )
ну по другому тоже не получаеться... ( style="text-align: center; ..." )

Автор: bars80080 12.11.2008, 16:54

вы считаете, что привели код?

Автор: jxr 12.11.2008, 17:14

уппссс.... вот код!

Код



<html>
    <head> 
          
    </head>
   
    <body>
        <table style="text-align: center; height:820px ; width:1235px" border="1"> 
        
          <tr><td colspan="3" valign="middle" style="text-align: center ; height:123 px  ; width: 247 px">         

                 <p style="text-align: center">This is Top page</p>

          </td>            

    
    <tr>

    <td align="center" valign="top" style="height:656px; width:185px" > 
                
    </td>         
        
    
    <td align="center" valign="middle" style="height:656px; width:864px">                 
             
     </td>
    

    <td align="center" valign="top" style="height:656px; width:185px"> 
             
    </td>         


        <tr>
    <td colspan="3" align="center" valign="middle" style="height:41px; width:247px" >

                  <p align="center">This is Foot page</p>

        </td>   
         
       </table> 
       
    </body>
</html>

Автор: DarkElve 12.11.2008, 17:29

Всё от того, что ие глупый и не умеет автоматически определять DOCTYPE.
Добавляете в самое начало

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

И всё начинает работать.
Правда только после того, как сделать цсс футера нормальной, то есть такой же, как и у хедера smile

пс: ну а от себя советую изредка проверять свои страницы валидатором, многие проблемы после этого сами исчезают ;)

пс2: Если какие-то вопросы, после всех изменений получилось вот

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
    <META http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
    <title>страница</title>
    </head>
    <body>
        <table style="text-align: center; height:820px ; width:1235px;" border="1">
          <tr><td colspan="3" valign="middle" style="text-align: center ; height:123 px  ; width: 247 px;">
              <p style="text-align: center;">This is Top page</p>
          </td>
    <tr>
    <td align="center" valign="top" style="height:656px; width:185px;" >
    </td>
    <td align="center" valign="middle" style="height:656px; width:864px;">
     </td>
    <td align="center" valign="top" style="height:656px; width:185px;">
    </td>
        <tr>
    <td colspan="3" valign="middle" style="text-align: center ; height:123 px  ; width: 247 px;">
                  <p style="text-align: center;">This is Foot page</p>
        </td>
       </table> 
    </body>
</html>

Автор: jxr 13.11.2008, 08:18

Спосибо! Но так height:123 px и height:41 px не работали...

Автор: DarkElve 16.11.2008, 07:45

А зачем? У td можно просто задать height="123".