Question

我有70幅高血像。我想确切地建立一个框架,以便我能够把自己的背景与这种形象混为一谈,而不会给人造成roll。

预期结果:

-------
|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多只砂子,因此出现了bar。它还对内部的其他形象进行了评估,因为它拥有一个很小的空洞空间,而底层则被 crop。如果能够使内部框架达到准确的高度——我不禁要问,我是否必须确定一些边界。

我知道scrolling=“no”。但是,这确实阻止了内心的 picture光。我可以“解决”作物种植问题,给出内图:<条码>:50px,但不能<条码>:XX%,但这似乎并不正确。

I also know frames are evil, and plan to repurpose this into a <div> later. Will transition be smooth or will I have to realign things all over again?

Answer 1

You need to reset the margins and padding of html and body inside the frames:

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

This may get you started, but depending on what you want more may be needed. scrolling=no is probably also needed.

是的,对框架做了解释。 Od子是你们的 should子——但只有你们知道!

Answer 2

Use overflow:hidden; to prevent the scrollbars if you don t have content going over the edges.

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

友情链接