Высота кадра в пикселях - PullRequest
Новая
       35

Высота кадра в пикселях

0 голосов
/ 10 мая 2011

У меня 70 пиксельное изображение. Я хочу создать рамку точно таким образом, чтобы я мог выложить его фон с этим изображением без появления полосы прокрутки.

Ожидаемый результат: 

-------
|this has 70 pixels
--------
| the rest

мой HTML выглядит примерно так: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head><title></title></head>
<frameset rows="70,*">
    <frame noresize src="a.htm" >
    <frame noresize src="b.htm" >
</frameset>
</html>

a.htm выглядит примерно так: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd"
<html><head><title></title></head>
<body style="background-image:url(70px_img.gif);background-repeat:repeat;" >
    <img src="another_70_px_img.png" style="float:left;" />
</body>
</html>

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

Я знаю о scrolling="no". Но это не останавливает внутреннюю картину, выглядящую изумленной. Я могу «решить» проблему обрезки, дав внутреннюю картинку height:50px, но не height:XX%, но это не так.

Я также знаю, что фреймы - это зло, и планирую переназначить это в <div> позже. Будет ли переход гладким или мне придется заново все перестраивать?

Ответы [ 2 ]

2 голосов
/ 10 мая 2011

Вам нужно сбросить поля и отступы html и body внутри фреймов: 

<style type="text/css">
    html, body { margin:0; padding: 0}
</style>

Это может помочь вам начать, но в зависимости от того, что вы хотите, может потребоваться больше.scrolling=no, вероятно, также необходимо.

Да, кадры устарели.Скорее всего, вы не должны их использовать - но только вы можете знать!

0 голосов
/ 10 мая 2011

Используйте overflow:hidden;, чтобы запретить полосы прокрутки, если у вас нет контента, идущего по краям. 

<body style="background-image:url(70px_img.gif);background-repeat:repeat;overflow:hidden;" >
...