2013-04-08 34 views
0

http://telschowdesign.com/_JCM/ - 小樣
http://telschowdesign.com/_JCM/index2.html - 的失敗DIV高度不會縮放方式,我想

差不多我有,我想縮放高度如圖所示的小樣這兩個側板。由於什麼原因,我無法讓他們使用我當前的CSS來做到這一點。我試過使用height=100%,但那不起作用。我不想使用靜態測量,如700像素等等等等

我知道這是可以使用表格,而不是做,但我希望能夠使用相同內容的移動版本的CSS。

+0

我認爲你有非常大的標題頭段,這就是問題只是減小字體大小 – user1370510 2013-04-08 08:29:17

回答

0

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 

希望這有助於..

0

更換#container的 ID的CSS:

width: 1000px; 
margin: 0 auto; 

那麼你的內容將居中),如果你需要它,你可以還使用像960grid.css一個CSS框架,你將桌面屏幕+移動+兼容iPad,更有效率和適應性;)

然後,在你一個js埃羅R ON節點:

<body onload="javascript:panels()"> 

面板()函數不存在...;)

+0

是的,我試圖只是使用JS來調整面板的高度,但沒有工作感謝您的通知 – 2013-04-08 15:22:23

1

height:100%並不意味着你認爲它。它意味着你設置這種風格的元素,它將佔據其包含元素的高度的100%,而不是其子高度的100%。

你想實現的是一個非常典型的3列布局。這裏是一個鏈接到的是如何做到這一點的例子:在您的網站主

http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm

0

可以使用的div和%及以下的CSS

導航欄

{浮動:權利;高度:40像素; }

搜索Maincontent

{浮動:左;寬度:60%; }

和你的HTML看起來就像這樣......

DIV ID = 「導航欄」 DIV ID = 「搜索Maincontent」

這些可以在裏面一個大的事業部。希望它有幫助