作者rainpo17 (貼)
看板Web_Design
標題Re: [問題] 快被ie和ff打敗..
時間Wed Jun 9 14:44:07 2010
感謝SJ大的贊助!!~~終於網頁長得比較正常一點了!
http://users3.jabry.com/visource/test/index.html
但請教一下,下方為什麼會有這麼大的空白?找了一些資料,還是不太懂
而且使用body設定其height,也沒有用耶...
請問各位有什麼好方法嗎?
或者可以避免空白產生的辦法?或可以限制可scroll的範圍?可以嗎
: 1. com-menu.html
: 最外層的ID=box把所有的屬性拿掉只留下margin:0;和padding:0;
: 並且加上width:800px
: 這樣就可以直接把此區塊無邊界對齊並且設定區塊寬度範圍
: 2. box 這個div最後有<p></p>的多餘空行,請刪掉
: 3.版權宣告的<center>不是正確用法,請改成<p align="center">內容</p>
: 4.選單中所有按鈕的position:relative;以及長寬設定都拿掉
: (因為容器中有固定的圖片,所以長寬會自動設定)
: 如此選單的部份應該就會正常了
: 至於其他版面錯亂的部份因為涉及到浮動屬性和容器高度的限制,必須調整版面結構才行
: 表格改成css第一件事情就是要分析版面的結構
: 要善用div的巢狀排版,通常選單的部份會另外用一個div裡面在放入選單按鈕
: 單純用表格排版的思維去轉換成css排版會變很複雜
: ==
: 大部分編寫的狀況下只要謹慎使用postion和注意margin的問題
: 其實相容度都還不錯
: 只是對於需要大量圖片構成的版面就要很小心
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.112.195.113
推 hirabbitt:下內邊界和下外邊界? 猜的 clip那個 06/09 15:42
→ rainpo17:嗯~試了clip...不過沒有作用,是要放在body的div設定嗎 06/10 10:29
→ rainpo17:中間主視窗會被裁掉,但下方還是有空白 06/10 10:38