CSS对齐问题，左右对不齐啊

html-css025

CSS对齐问题，左右对不齐啊,第1张

是中间三列的与上下通栏的左右不对齐吗？修改一下三列的框和外边距的值。另外你的页面再火狐里中间的右边的广告赞助的背景也有问题，背景线有断层，查一下你的样式。应该很好改。

刚才荡下来看了你的样式，你那有很多需要调整的页面上的样式宽重新算一下， 比如你页面总宽是982（bodys定义了970+5+5+1+1），你左右内边框留5像素的空白，可你的main定义960px（那说明你的左右留空是10，但从你的样式看你本来的意思是想留5，可能你没搞清楚div的宽的算法。看看我上面给你的加法你就应该清楚了，并且感觉你这层要也没多大意义），而你的gs定义了958，这样你这层左右的留白就是11了。

但你下面那用table套的那层里的m2l的宽却是346px（340+6）,346*2=692px右边的m2r宽是252，加起来总宽是944px,根本不够960，肯定是不对其了。

先别说别的，单说的留白就不对，你上面的留白是11单你的下面算起来就是16，你的页面得好好算一下宽了。

还有好多层是可以不要的，可以写的更简洁写的，还有你用table来写结构都是问题。

你可以参考一下这里：

1设置透明背景图http://hi.baidu.com/moxinxi/blog/item/4d854f0841130e950a7b82fe.html

百度莫心夕空间css参考http://hi.baidu.com/moxinxi/blog/category/css%B2%CE%BF%BC

百度莫心夕空间素材http://hi.baidu.com/moxinxi/blog/item/1f76b111f1a7967ecb80c45d.html

Flash特效http://hi.baidu.com/moxinxi/blog/category/flash%CC%D8%D0%A7

精美的标题框http://hi.baidu.com/moxinxi/blog/category/%B1%EA%CC%E2%BF%F2

漂亮分隔线http://hi.baidu.com/moxinxi/blog/category/%B7%D6%B8%F4%CF%DF

可爱的边框http://hi.baidu.com/moxinxi/blog/category/%B1%DF%BF%F2%CD%BC

精致的挂饰http://hi.baidu.com/moxinxi/blog/category/%B9%D2%CA%CE%CD%BC

百度莫心夕空间教程http://hi.baidu.com/moxinxi/blog/item/6e9760274f3dd503908f9d16.html

1设置透明背景图http://hi.baidu.com/moxinxi/blog/item/4d854f0841130e950a7b82fe.html

2如何在百度空间里添加多首背景音乐http://hi.baidu.com/moxinxi/blog/item/4b477a310f22ab19ebc4af98.html

3更改空间的鼠标样式http://hi.baidu.com/moxinxi/blog/item/750ba3ec338d493d26979198.html

4在空间里加入滚动条http://hi.baidu.com/moxinxi/blog/item/5d854990e6a46b8da877a448.html

5透明的背景音乐的播放器http://hi.baidu.com/moxinxi/blog/item/eeff0108555312d163d98648.html

6会动的空间字http://hi.baidu.com/moxinxi/blog/item/12a0686058949f44eaf8f848.html

7改变空间主页名称和简介的字体大小http://hi.baidu.com/moxinxi/blog/item/ccb0379b639c43b5c8eaf448.html

8发表评论框的图片http://hi.baidu.com/moxinxi/blog/item/0159e41105486ec6a6ef3f48.html

9如何在空间顶部加入图片http://hi.baidu.com/moxinxi/blog/item/838dca3dba6823c79e3d6248.html

10添加计数器的两种方法http://hi.baidu.com/moxinxi/blog/item/e56d3a01a997a00e7aec2c49.html

11在文章中快速插入图片http://hi.baidu.com/moxinxi/blog/item/ab46d662179dfddde6113a49.html

12在百度空间里面添加自己的特效http://hi.baidu.com/moxinxi/blog/item/9242a4ef56b38516fcfa3c49.html

13做分割线的方法http://hi.baidu.com/moxinxi/blog/item/197eac516f76ac8f8d543049.html

14怎样换百度空间的背景http://hi.baidu.com/moxinxi/blog/item/a5b0940af1e63d1f94ca6b49.html

15如何在百度空间发表文章时插入FLESH动画http://hi.baidu.com/moxinxi/blog/item/4302ca17b8967f09c83d6d49.html

16关于百度空间照片大小限制的问题http://hi.baidu.com/moxinxi/blog/item/944b38c75395e0dcd0006049.html

17如何在百度空间的文章标题周围加花边图案http://hi.baidu.com/moxinxi/blog/item/2995718b95b8a112c9fc7a49.html

18空间背景半透明http://hi.baidu.com/moxinxi/blog/item/e877d4ca376d1346f31fe74f.html

19宣传百度空间的6种方法,你知道吗?(原创)http://hi.baidu.com/moxinxi/blog/item/45c0ae342eb0a8b7d0a2d3d3.html

20空间全透明设置http://hi.baidu.com/moxinxi/blog/item/f14a35d3b774ad003af3cfb6.html

21个性化你的IP显示，自定义颜色http://hi.baidu.com/moxinxi/blog/item/d17ee5cd97c485510fb345b6.html

22空间模块巧移动http://hi.baidu.com/moxinxi/blog/item/6f50b01c9eb5bc8b86d6b65d.html

23文字快速插链接http://hi.baidu.com/moxinxi/blog/item/eeff0108524017d163d9865d.html

24百度空间文字发光的方法http://hi.baidu.com/moxinxi/blog/item/4f9c942b329f2bfae7cd4079.html

25你也想加入搜索引擎吗?请点击这里http://hi.baidu.com/moxinxi/blog/item/fa938982b1f45490f703a61e.html

26百度空间的名称如何用艺术字http://hi.baidu.com/moxinxi/blog/item/8a821e952e6222087bf480fa.html

27让自己的空间下雨http://hi.baidu.com/moxinxi/blog/item/047a9a2520387d6034a80fea.html

28如何在"其它"下面加上图片http://hi.baidu.com/moxinxi/blog/item/f911097b26675af40ad18790.html1

29为评论和链接加上图片http://hi.baidu.com/moxinxi/blog/item/169bbd0923b6d7246a60fb3e.html

30如何让你的浏览器滚动条变色http://hi.baidu.com/moxinxi/blog/item/bd06b1b7a14e2ef430add115.html

31修改blog显示的文字颜色大小http://hi.baidu.com/moxinxi/blog/item/9242a4ef4542b816fdfa3cba.html

32让空间自动弹出对话框http://hi.baidu.com/moxinxi/blog/item/6e976027488bd203918f9d84.html

33让空间拥有精美flash背景http://hi.baidu.com/moxinxi/blog/item/58bab2359ea6a78ba61e1285.html

34调整一下行距http://hi.baidu.com/moxinxi/blog/item/af7ff8ed593a264f78f05587.html

35解决回车换两行的问题http://hi.baidu.com/moxinxi/blog/item/57988401b3eba2d6277fb581.html

36自制闪字空间名称http://hi.baidu.com/moxinxi/blog/item/394052da56ab1cdbb6fd4881.html

37如何有字体阴影http://hi.baidu.com/moxinxi/blog/item/4c57fe1ff355b20a304e1582.html

38如何隐藏播放器而不影响音乐播放http://hi.baidu.com/moxinxi/blog/item/35c7ae4b3a7256f082025c82.html

39常用插入图片位置的代码http://hi.baidu.com/moxinxi/blog/item/e7cb7bf002528ac37931aa8e.html

40去掉文章题目下划线http://hi.baidu.com/moxinxi/blog/item/35c7ae4b3a7a56f082025c8a.html

41显示"点击给你发消息"怎么在空间做http://hi.baidu.com/moxinxi/blog/item/d9e956fb869066166d22eb94.html

42给链接添加背景色效果代码http://hi.baidu.com/moxinxi/blog/item/394052da56a41cdbb6fd4890.html

<H3>

<A HREF="#" style="background-color:#00Fcolor:#FFFtext-decoration:none">

三星的22寸显示器[1500冰唇红]220+ RMB1500[这个在北京买的外地不知道]

500gb希捷硬盘 RMB 375

7750[黑盒] RMB415

内存金士顿2g ddr800 rmb150

联想IdeaCentre Qa祥云经典机箱AM2 双核/三核增值准系统 [包括机箱电源光驱 cpu风扇] RMB944

鼠标键盘可以买联想原装的 大概在rmb50~70

音箱这东西 10元搞定 没必要买好的

总计3464

</A></H3>