2012-07-10 37 views
-1

据我所知,最好避免页面布局。从表格到浮动布局

我有以下页面:http://leroma.org.ua/index0.html

  1. 我想有视口的头15%的大小 - 用JS解决了,因为身体没有100%的高度; 我想通过标题左侧的高度标志(它具有高度作为标题,但宽度按比例缩放) - 通过添加最大宽度,最大高度:100%解决; 现在,壁纸位于图像下。 如何将它放在左图像和右边框之间?

  2. buttons_table看起来不错,但我怎样才能使相同的不使用表?

    纠正我,如果我的实施可以更好。

+0

我不知道你在哪里谈论JS。我无法在任何地方使用 – HerrSerker 2012-07-10 11:35:18

+0

在页面底部添加脚本。 – 2012-07-10 12:33:54

回答

1
  1. 添加这个必要

    html,body,#page {height: 100%} 
    #header {height: 15%} 
    #header_wallpaper {overflow: hidden} 
    

    没有JS

  2. 检查modernizr.com

    有一个社区插件CSS-displaytable 使用

    display: table 
    display: table-row 
    display: table-cell 
    
+0

1)非常棒。 2)我会尝试显示:表...我是对的,如果我需要Modernizer只是为了跨浏览器页面样式? – 2012-07-10 13:43:26

+0

是的。 Modernize是跟踪用户浏览器支持哪些CSS以及向其他浏览器呈现其他CSS样式的好方法。 – HerrSerker 2012-07-10 22:14:29