2009-12-27 65 views
0
<body> 
    <div id="wrapper"> 
     <div id="title"></div> 
     <div id="mainimage"> 
      <img src="mainimage.jpg" /> 
     </div> 
    </div> 
    <div style="width:50%;"> 
     content here... 
    </div> 
</body> 

http://susiebushphotography.com/about.htmlDiv时,绝对定位,空白

感谢社会各界在这里即时通讯开始学习不使用绝对positioning-但这种布局是由人做,我开始之前这里 - 所以是有一个简单的方法来删除狮子下面的空白,所以我可以使用这个作为关于页面?或者我必须重做整个CSS布局?

感谢

+2

客户端想要它 – adam 2009-12-27 19:17:20

回答

1

尝试用这种替代原来除去狮子下面的空间,

#wrapper { 
    position:relative; 
    margin: 0 auto 0 auto; 
    width: 685px; 
} 

#title{ 
    position:absolute; 
    top: 15px; 
    width: 235px; 
    height:265px; 
    background-image:url(title.jpg); 
    background-repeat:no-repeat; 
    display:block; 
} 

#mainimage{ 
    position:absolute; 
    top: 15px; 
    left: 235px; 
    width: 450px; 
    height:265px; 
    display:block; 
} 

这仅仅是一个和quickfix有点儿东西,周围的工作。

注意:只在FF 3.5.6上试过。

+0

更改css主文件或将其放在关于页面的某个地方?如果我把它放在主文件中会影响其他页面吗? – adam 2009-12-27 08:12:40

+0

@adam:是的,只把它放在关于页面标题。 – 2009-12-27 09:39:31

+0

@gs谢谢 - 我将q标记为已回答,并会尝试继续前进,但我不认为它能够正常工作,并且即时使用正确版本的FF 我将代码原样复制到标题中,然后添加了样式标记上面和下面 - 都没有改变任何东西 – adam 2009-12-27 18:48:28