Demo

討論

保持飢餓,保持愚笨 (Stay hungry, stay foolish)。 史蒂夫·賈伯斯

公告

本網站已取消討論區的討論方式,如果您有問題請至LINE群行動條碼圖片網址,或Facebook社團

麻煩各位高手,關於CSS頁籤TAB,高度與位置問題。

  • vicky
  • vicky 的個人頭像 Topic Author
  • Offline
  • 新手上路
  • 新手上路
More
2014-10-27 17:34 #26663 來自 vicky
vicky created the topic: 麻煩各位高手,關於CSS頁籤TAB,高度與位置問題。
大家好,關於CSS製作頁籤的問題,有三點想請教各位高手!
1.如何讓頁籤內容依照內文高度自動變換高度,而不要出現右邊卷軸

2.如何讓頁籤內容依照內文高度自動變換高度,而不要依照其他頁籤高度設定,出現下方一大片空白

3.如何讓第圖三的右邊那張圖在IE瀏覽器下顯示正常而不要跑到下面去
(寫了float:right,還是沒用,IE的瀏覽器模式有許多文件模式都顯示不同)


附上小妹的HTML與CSS(不知可以修改哪裡才能解決上述問題)
This attachment is hidden for guests.
Please log in or register to see it.




很多Joomla經驗都需與CSS相關,麻煩各位高手幫幫忙,解惑感謝了~~ :(
附件:

Please 登入 to join the conversation.

  • vicky
  • vicky 的個人頭像 Topic Author
  • Offline
  • 新手上路
  • 新手上路
More
2014-10-27 17:40 #26664 來自 vicky
vicky replied the topic: 麻煩各位高手,關於CSS頁籤TAB,高度與位置問題。
不好意思,上面沒附加到CSS檔~在此補齊,麻煩各位了
This attachment is hidden for guests.
Please log in or register to see it.

This message has an attachment file.
Please log in or register to see it.

Please 登入 to join the conversation.

More
2014-10-27 20:54 #26667 來自 BillTu
BillTu replied the topic: 麻煩各位高手,關於CSS頁籤TAB,高度與位置問題。
試試看
#box { 
	//height: 650px;
	border: 1px solid #ccc; 
	overflow: hidden; 
	padding: 0px 15px 30px 15px; 
	position: relative; 
	top: -1px; 
	border-radius:5px 5px 5px 5px;
}
.box { 
	display: none; 
	//height: 650px; 
	overflow: auto; 
	position: relative; 
	overflow-x: hidden; 
	padding-top:15px;
	line-height:22px;
	font-size:10pt;	
}
The following user(s) said Thank You: vicky

Please 登入 to join the conversation.

  • vicky
  • vicky 的個人頭像 Topic Author
  • Offline
  • 新手上路
  • 新手上路
More
2014-10-30 08:49 #26684 來自 vicky
vicky replied the topic: 麻煩各位高手,關於CSS頁籤TAB,高度與位置問題。
:woohoo:

您好,非常感謝,原來兩條線//效果差這麼多,真是長見識了!
關於第三個問題IE的瀏覽器模式不同,顯示也都不同,有點頭大,
不知為何有些範例會用IE5 Quirks開啟、有些又用IE7 標準,
不知有沒有方法直接設定標準的瀏覽器模式?謝謝嚕~~~~

Please 登入 to join the conversation.

More
2014-10-30 11:19 #26686 來自 BillTu
BillTu replied the topic: 麻煩各位高手,關於CSS頁籤TAB,高度與位置問題。
請參考這網頁 http://mepopedia.com/?page=866

簡介

接縫模式/轉折模式 (Quirks Mode)[1] 其實就是使用舊的(而往往是錯誤的)CSS/HTML規則的舊瀏覽器模式(主要是IE4、IE5、IE6採用)。而相對於「接縫模式/轉折模式」就是舊式瀏覽器後來改革後尊循標準語法的「標準模式 (Standard Mode)」。而要標示一個網頁是由舊瀏覽器模式或標準模式呈現,就是由 DOCTYPE 的宣告來決定。


我也長知識了,謝謝!

Please 登入 to join the conversation.