Jump to content
  • 0

растяжка по высоте,падинги,опера,эксплорер

LikeAPilot

Asked by LikeAPilot,

 Share

Question

LikeAPilot Explorer

LikeAPilot

Posted
Posted

http://timako.iskra-net.ru/temp/index.html

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

в эксплорере паддинг шапки как-то не так считается и сразу появляется дырка.

(я помню была статья про то, как в эксплорере считается падинг, но так и не нашел)

если убрать доктайп, то и в опере и эксплорере растягивается по высоте, но под меню появляется пустая полоска.

уже замучался е? убирать... наверняка где то или фонт сайз прописать надо или с падингами что то не так...

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

Link to comment
Share on other sites

20 answers to this question

Recommended Posts

  • 0
klierik Middle Developer

klierik

Posted
Posted

отлично. тепер все безобразие типа

style="border-bottom:1px solid black;border-left:1px solid black;border-right:1px solid black;border-top:1px solid black; height:100%" align="center" width="759" border="0" cellspacing="0" cellpadding="0"

переносим в внешний CSS :)

Link to comment
Share on other sites
  • 0
LikeAPilot Explorer

LikeAPilot

Posted
  • Author
Posted

там половину от общего кода во внешний можно и нужно вынести:) но позже, это как бы рабочая версия, сначала хочется убедится что все работает, а потом уже все в ксс перенести. Толку сейчас переносить если главное(нормальное отображение) не работает.

Link to comment
Share on other sites
  • 0
LikeAPilot Explorer

LikeAPilot

Posted
  • Author
Posted

сразу в ксс еще умения не хватает.

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

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

Link to comment
Share on other sites
  • 0
LikeAPilot Explorer

LikeAPilot

Posted
  • Author
Posted

вот другой пример

http://timako.iskra-net.ru/temp2/index.html

если стоит доктайп, то не растягивается по высоте в опере. в эксплорере тоже не растягивается по высоте

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

Что я делаю не так? У меня проблемы с растягиванием по высоте и доктайпом)) явно неправильно как то верстаю. косяки схожие.

Link to comment
Share on other sites
  • 0
Scrum Explorer

Scrum

Posted
Posted

не разве что, а так и есть у таблицы родительским элементом является боди

смотрим высоту боди по умолчанию 

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

<html>

<head>
 <title></title>
 <style type="text/css">
 <!--
 body {
 border: 1px solid red;
 }

 -->
 </style>
</head>

<body>

</body>

</html>

и прикидываем 100% высоты таблицы от родительского элемента. :)

Смекаете ? и подумайте над тем а есть ли у боди родительский элемент ? и какой высоты он ?

Link to comment
Share on other sites
  • 0
LikeAPilot Explorer

LikeAPilot

Posted
  • Author
Posted

спасибо большое)

задал хтмл высоту и заработало в опере. но как же я раньше делал без этого и все растягивалось??))

в опере теперь все идеально, а в эксплорере почему-то так и не растягивается.

Link to comment
Share on other sites
  • 0
LikeAPilot Explorer

LikeAPilot

Posted
  • Author
Posted

вот так

<style type="text/css">
html {
 height:100%;
 }
 </style>

потом подумал и добавил

<style type="text/css">
html,body {
 height:100%;
 }
 </style>

в первом варианте эксплорер не реагирует, а во втором растягивается больше чем надо...

Link to comment
Share on other sites
  • 0
Scrum Explorer

Scrum

Posted
Posted

необходимо сменить доктайп на 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
 <title></title>
 <style type="text/css">
 <!--
 html, body {
 height: 100%;
 margin: 0;
 padding: 0;
 border: none;
 }
 table {
 border-collapse: collapse;
 border: 1px solid red;
 height: 100%;
 width: 100%;
 }
 td {
 padding: 0;
 border: 1px solid gray;
 }
 #content {
 height: 100%;
 }



 -->
 </style>
</head>

<body>
 <table cellspacing="0">
 <tr>
 <td>Head</td>
 </tr>
 <tr>
 <td>Menu</td>
 </tr>
 <tr>
 <td>Logo</td>
 </tr>
 <tr>
 <td id="content">
 content
 </td>
 </tr>
 <tr>
 <td>Footer</td>
 </tr>
 </table>
</body>

</html>

Link to comment
Share on other sites
  • 0
Keni Explorer

Keni

Posted
Posted
http://timako.iskra-net.ru/temp/index.html

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

в эксплорере паддинг шапки как-то не так считается и сразу появляется дырка.

(я помню была статья про то, как в эксплорере считается падинг, но так и не нашел)

если убрать доктайп, то и в опере и эксплорере растягивается по высоте, но под меню появляется пустая полоска.

уже замучался е? убирать... наверняка где то или фонт сайз прописать надо или с падингами что то не так...

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

во во, такая же проблемма Демонтажные работы

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept