作者FrankYoshi (法蘭克耀西)
看板Blog
標題[無名] 有關於版面問題想請教各位！
時間Mon May 10 20:21:53 2010
各位版上的部落格高手你們好
最近自己在學習設計部落格版面
有賴於版上眾多高手的分享，著實讓我或益良多
現在有一個無法解決的問題，想要請教各位朋友
我是以無名小站作為平台
在修改css樣式表中，自行修改版面來了解CSS語法
我希望學習彎彎的部落格
網址：
http://www.wretch.cc/blog/cwwany
在banner處放入自己手繪的圖搞
另外在banner的左側設定超連結（彎彎部落格裡的plurk、facebook、e-mail）
我主要使用的方法，是在樣式管理的樣式描述處，加入html語法
語法如下：
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href=" 網址_1 ">
<img border="0" align="left" style="position:absolute;left:45px;"
src="圖片部落格首頁所在網址">
</a>
<br><br>
<a href="網址_2">
<img border="0" align="left" style="position:absolute;left:45px;"
src="圖片下載訂購單所在網址">
</a>
<br><br>
<a href=網址_3">
<img border="0" align="left" style="position:absolute;left:45px;"
src="圖片聯絡我們所在網址">
</a>
圖片顯示以及圖片超連結皆無問題
只是若分別在「PCMAN」以及「firefox」開啟網頁，則出現走位問題
firefox上的正確顯示：
http://www.wretch.cc/album/show.php?i=FrankYoshi&b=5&f=1405388169&p=0
pcman上跑掉位子的顯示：
http://www.wretch.cc/album/show.php?i=FrankYoshi&b=5&f=1405388170&p=1
素聞ie在解讀css語法時會出現問題，只是我在css語法敘述中加入敘述
語法：
#banner{
position:relative; }
仍無法有效解決走位問題
下面再提供我的css語法架構，希望各位高手若能看出任何端倪
不吝給予我鞭策，
#container1{
width:950px; }
#banner{
width:950px;
height:500px; }
#banner{
position:relative; }
#main2{
width:890px;
margin:0px auto; }
#links{
width:27%; }
#content{
float:right;
height:1860px;
overflow:scroll;
width:73%; }
#footer{
height:30px;
width:950px; }
感謝各位高手耐心看完，在此先向諸位道謝～
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.233.153.181