有關於版面問題想請教各位！ - 部落格

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

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

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


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

我是以無名小站作為平台

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



感謝各位高手耐心看完，在此先向諸位道謝～



--