[無名] 有關於版面問題想請教各位！

[FrankYoshi (法蘭克耀西)]

       各位版上的部落格高手你們好

   最近自己在學習設計部落格版面

   有賴於版上眾多高手的分享，著實讓我或益良多


   現在有一個無法解決的問題，想要請教各位朋友

   我是以無名小站作為平台

   在修改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