Jump to content
  • 0

Очередной height=100% в Опере и ФФ

makarena

Asked by makarena,

 Share

Question

14 answers to this question

Recommended Posts

  • 0
Azadi Explorer

Azadi

Posted
Posted

1. Зачем подключать какой-то непонятный файл "img/style.css", если у вас уже есть вложенная таблица стилей?

2. * html,body {...} - можно без * :)

Т.к. сам профи не являюсь, написал код как умею:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>#</title>
<style type="text/css">
* {
margin:0; 
padding:0; 
border:0
}
html,body {
height:100%; 
font-family:Arial; 
background:#cc0001
}
#box {
width:1000px; 
height:100%; 
margin:0 auto; 
background:url(top.png) left top repeat-x
}
#box #box_01 {
height:auto !important; 
min-height:100%; 
height:100%; 
background:url(bottom.png) left bottom repeat-x
}

</style>
</head>
<body>
<div id="box">
<div id="box_01">
<!--Лялямбда 

Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 
Лялямбда 

--></div>
</div>
</body>
</html>

Link to comment
Share on other sites
  • 0
makarena Explorer

makarena

Posted
  • Author
Posted
1. Зачем подключать какой-то непонятный файл "img/style.css", если у вас уже есть вложенная таблица стилей?

2. * html,body {...} - можно без * :)

Ну это просто маленький ляпсус. Вложенную таблицу я написал для наглядности, вообще работаю через внешнюю. А вот чего у меня звездочка перед html,body даже для меня осталось загадкой. :(

Спасибо за ваш код, но он абсолютно ничего не поменял (у меня во всяком случае).

Link to comment
Share on other sites
  • 0
maddogrts Explorer

maddogrts

Posted
Posted

Нифига не понял. Код тоже не понял,

/*************************************/

Но когда я вложил в него слой с нижним бг, то в Опере и ФФ мои "100%" остались только на видимой облсти окна, а если текст выходит за границу области (т.е. приходится скролить вниз) то бекграунд не растягивается

/*************************************/

Где не растягиваетс чего не растягивается , куда не растягивается ?

Напиши что должно быть а лучше нарисуйте. (Ссори я прост оваши мысли не понимаю, уж извините)

padding поставте, у вас же селектор универсальный (* - ваша) все отступы убивает.

Более конкретно задачу ставте, и проверяйте на валидаторе у вас html не закрыт.

Azadi

Неофит

И вы туда же, куда стока head ?

Link to comment
Share on other sites
  • 0
Azadi Explorer

Azadi

Posted
Posted
И вы туда же, куда стока head ?

Да невнимательные мы :) Скопировал неглядя...

А если по существу, то у меня мой пример работает так, как я хочу :( И не надо мой код и код makaren'ы в одну большую кашу смешивать (* - это у меня, html не закрыт - не у меня)...

И еще... какие padding'и? Откуда? :)

Link to comment
Share on other sites
  • 0
makarena Explorer

makarena

Posted
  • Author
Posted

:)

Обьясню на примере. Вот у тебя браузер (Опера или ФФ) открыт в окне 800х600 к примеру. Открываешь веб страничку. На странице замечательный бекграунд и много текста. И вот пораженный этим великолепием ты дочитываешь видимую часть текста. Ты скролаешь страничку вниз, чтобы этот текст дочитать до конца. И тут ты видишьчто бекграунд ниже 600px не опускаеться, и текст размешенный ниже этих 600пиикс находиться на привычном но так надоевшем белом фоне странички.

Яснее?:(

Напомню что hight дожен быть вовсе не 600px а 100%. В EI отображаеться как надо, а вот Опера и ФФ не хотят никак.

Link to comment
Share on other sites
  • 0
makarena Explorer

makarena

Posted
  • Author
Posted

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

http://fileshare.in.ua/460427 - ссылочка на пример, для тех кто ооочень хочет мне помочь:)

Link to comment
Share on other sites
  • 0
maddogrts Explorer

maddogrts

Posted
Posted
:)) Никто качать не будет поверь :(), я бы убрал абсолютное позиционирование в твоем примере (самом первом) из за него проблемы. Локализуй проблему. Ты понимаешь о чем я ? Коментариями выяви проблемынй блок и в CSS тоже и выложи. Так что бы проблема твоя видна была. А то я ее найти не могу.
Link to comment
Share on other sites
  • 0
makarena Explorer

makarena

Posted
  • Author
Posted
:)) Никто качать не будет поверь :)), я бы убрал абсолютное позиционирование в твоем примере (самом первом) из за него проблемы. Локализуй проблему. Ты понимаешь о чем я ? Коментариями выяви проблемынй блок и в CSS тоже и выложи. Так что бы проблема твоя видна была. А то я ее найти не могу.

Ну почему же, аот guvatara уже пытался скачать рисунок с примером :) Да понимаю, так, на всякий случай выложил.

Ок, попытаюсь выкроить что-то более конкретное.

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