http://telschowdesign.com/_JCM/ - 小樣
http://telschowdesign.com/_JCM/index2.html - 的失敗DIV高度不會縮放方式,我想
差不多我有,我想縮放高度如圖所示的小樣這兩個側板。由於什麼原因,我無法讓他們使用我當前的CSS來做到這一點。我試過使用height=100%
,但那不起作用。我不想使用靜態測量,如700像素等等等等
我知道這是可以使用表格,而不是做,但我希望能夠使用相同內容的移動版本的CSS。
http://telschowdesign.com/_JCM/ - 小樣
http://telschowdesign.com/_JCM/index2.html - 的失敗DIV高度不會縮放方式,我想
差不多我有,我想縮放高度如圖所示的小樣這兩個側板。由於什麼原因,我無法讓他們使用我當前的CSS來做到這一點。我試過使用height=100%
,但那不起作用。我不想使用靜態測量,如700像素等等等等
我知道這是可以使用表格,而不是做,但我希望能夠使用相同內容的移動版本的CSS。
div的高度是內容的高度。
您可以嘗試使用您的div的line-height CSS屬性。
line-height: normal;
line-height: 3.5; /* <number> values */
line-height: 3em; /* <length> values */
line-height: 34%; /* <percentage values */
line-height: 50px; /* <Pixel> values */
line-height: inherit
希望這有助於..
更換#container的 ID的CSS:
width: 1000px;
margin: 0 auto;
那麼你的內容將居中),如果你需要它,你可以還使用像960grid.css一個CSS框架,你將桌面屏幕+移動+兼容iPad,更有效率和適應性;)
然後,在你一個js埃羅R ON節點:
<body onload="javascript:panels()">
面板()函數不存在...;)
是的,我試圖只是使用JS來調整面板的高度,但沒有工作感謝您的通知 – 2013-04-08 15:22:23
height:100%
並不意味着你認爲它。它意味着你設置這種風格的元素,它將佔據其包含元素的高度的100%,而不是其子高度的100%。
你想實現的是一個非常典型的3列布局。這裏是一個鏈接到的是如何做到這一點的例子:在您的網站主
http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm
可以使用的div和%及以下的CSS
{浮動:權利;高度:40像素; }
搜索Maincontent{浮動:左;寬度:60%; }
和你的HTML看起來就像這樣......
DIV ID = 「導航欄」 DIV ID = 「搜索Maincontent」
這些可以在裏面一個大的事業部。希望它有幫助
我認爲你有非常大的標題頭段,這就是問題只是減小字體大小 – user1370510 2013-04-08 08:29:17