Greater Dunnellon Historical Society

Sat

10

Aug

2013

固定宽度的网页在低分辨率下错位的解决办法

      固定宽度的网页,在高分辨率下显示一切正常,但当你将分辨率的宽度调到低于网页的整体布局宽度时浏览网页就会面目全非,布局混乱不堪。比如,我的网页的整体宽度是965px,我给它还了加了一个圆角背景边框也是965PX宽,如果分辨率的大小的宽度大于它,例如1024* 768以上就正常显示,但一到800*600就全乱了。如下图1,2所示。

Read More 1 Comments

Sun

07

Oct

2012

利用浮动实现DIV分列,分栏现实

       浮动也可以用于实现在DIV的分列,分栏显示。要创建多个列,你需要在HTML代码里用div来结构化想要的各个列:

<div id="column1">
    <p>
        要做个div漂浮广告。但是位置有变化。就是把浏览器变成一个田字。就是4个块。这个图片就是漂浮在右边上面的空白部分。上下不停的跑的。但是不要跑到现在的那个空白了。只有在右上角。怎么做。实在是想不出来。
    </p>

    <p>
        Indignor quicquam reprehendi, non quia crasse compositum illepedeve putetur, sed quia nuper, nec veniam antiquis, sed honorem
    </p>

    <p>
        Brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum. Si meliora dies, ut vina, poemata reddit, scire velim, chartis perficit quotus
        pretium quotus arroget annus. Scriptor abhinc reddit misso annos centum qui decidit, inter perfectos veteresque referri debet an inter vilis atque perfectos novos? Excludat iurgia finis. �Est
        vetus atque probus, centum qui perficit annos.� Quid, qui deperiitnihis perfectos uno mense vel?�Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno.� Utor
        permisso, caudaeque nisi pilos ut equinae paulatim vello et virtutem, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et virtutem aestimat annis miraturque nihil
        nisi quod.Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur
    </p>
</div>

<div id="column2">
    <p>
        Brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum. Si meliora dies, ut vina, poemata reddit, scire velim, chartis perficit quotus
        pretium quotus arroget annus. Scriptor abhinc reddit m
    </p>

    <p>
        esse, is non videt quae quamque rem res consequatur. Haec disserens qua de re agatur et in quo causa consistat non videt. Non enim si alii ad alia propensiores sunt propter causas naturales
        et antecedentes, idciro etiam nostrarum voluntatum atque appetitionum sunt causae naturales at antecedentes; nam nihil esset in nostra potestate si res ita se haberet. Nunc vero fatemur,
        acuti hebetesne, valentes imbecilline simus, non esse id in nobis, qui autem ex eo cogi putat ne ut sedeamus quidem au
    </p>
</div>

<div id="column3">
    <p>
        dictare; sed emendata videri pulchraque et exactis minimum distantia miror. Inter quae verbum emicuit si forte decorum, et si versus paulo concinnior unus et alter, venditque poema.
    </p>

    <p>
        Indignor quicquam reprehendi, non quia crasse compositum illepedeve putetur, sed quia nuper, nec veniam antiquis, sed honorem et praemia posci. Recte necne crocum floresque perambulet Attae
        fabula si dubitem, clament periisse pudorem cuncti paene patres, ea cum reprehendere coner, quae gravis Aesopus, quae doctus Roscius egit; vel quia nil rectum, nisi quod placuit sibi, ducunt,
        vel quia turpe putant parere minoribus, et quae imberbes senes.
    </p>

    <p>
        Quod si tam Graecis novitas invisa fuisset quam nobis, quid nunc esset vetus? Aut quid haberet quod legeret tereretque viritim.Ut primum positis nugari Graecia bellis coepit et in vitium
        fortuna labier aequa, nunc athletarum studiis, nunc arsit equorum, marmoris aut eboris fabros aut aeris amavit, tibicinibus, nunc est gavisa tragoedis; puella.
    </p>
</div>

Read More 0 Comments

Sun

07

Oct

2012

实现图片向左浮动、而且被文字环绕的方法

    假如我们想让一张图片被一段文字围绕着,那么其显示效果将如下所示:

Read More 0 Comments

Mon

27

Aug

2012

给网页加一个有滑动门效果的圆角框背景

      为了美化网站,我们需要给网页加不同的背景图片,但是要给网站的主显示区和SIDEBA(即广告区)加一个随内内容的大小增大或者减少而自适应显示的圆角背景边框却不是那么容易的事!总算功夫不负有心人,通过大量查找资料和学习别人论坛的边框布局,我总算找到了一个很好的方法!

Read More 0 Comments

Mon

27

Aug

2012

在火狐下给DIV设置距离不起作用的解决办法

在做网页布局时经常会碰到给DIV设置距离,比如margin-top

在IE下面一切正常,但到了火狐就会发现它会挡住上面的DIV层!

Read More 0 Comments

Mon

27

Aug

2012

JS图片轮播代码挡住DIV解决办法

最近做了一个JS图片轮播代码,却发现在火狐下显示不正常,它会挡住上面的DIV块,解决办法如下:

#focusViwer{float:left; margin-top:5px;border: #6E8B3D  1px solid;  background-color: #E9F2CC;overflow:hidden;margin-bottom:5px;
          }

Read More 0 Comments

Thu

09

Aug

2012

ie和火狐不显示背景的解决方法

      有时因为背景文件的高度值很大,甚至大于DIV内容实际高度,这时如果CSS设置不到不好就不会显示设置的背景效果。解决的办法如下:

Read More 0 Comments