View: 2715|Reply: 5
|
[solved] dynamic + fixed width dalam css
[Copy link]
|
|
Post Last Edit by kmkd at 3-7-2010 09:27
macam mana nak asingkan dua bahagian div satu dengan fixed width satu dynamic width
<-------------(100%)------------------>
<---(500px)---><---(100%-500px)--->
disebabkan css masih tak reti nak baca math secara mudah (ada tapi guna css3 math function dan hanya beberapa browser yang support)
aku guna cara biasa;
aku dah try guna
a{ width:500px;float:left; }
b{ margin-left:500px; }
tapi tak jadi
dia asing, tapi ada masalah dengan div kedua tu, dia tak mahu ke atas.
ada idea?
p.s aku betulkan tajuk |
|
|
|
|
|
|
|
emm setelah berfikir. aku rasa ni bukan masalah alignment. tapi masalah nak dapatkan dynamic width.
element b tak naik ke atas sebab aku tak taruk float:left/right dan sebab tu dia tak mahu jadi satu inline. dia still duduk dibawah a dan lepas tu aku suruh dia margin-left sebanyak 500px. memang dia akan duduk dibawah je.
so apa yang nak difikirkan sekarang macam mana nak jadikan element b mempunyai width yang dinamik, bukan fixed macam element a. |
|
|
|
|
|
|
|
ok aku rasa dah bereh kot.
ni final setting aku buat;
.kiri{width:560px;float:left;}
.kanan{margin:-20px 20px 0 0;width:auto;float:left;}
element kanan (b) tak perlu margin-left sebab dah taruk float:left.right dan apabila width:auto dia akan automatik ambik baki yang ada;
<container>
<kiri> </kiri>
<kanan> </kanan>
</container>
so apabila container tu ada width yang tertentu e.g 1000px, kiri akan ambik fixed width:560px
baki width dalam container tu = 1000-560=440px
kanan akan ambik secara auto:440px
maka masalah tu selesai.
p.s aku n00b dalam css ni. kalau salah minta tolong ajar ya |
|
|
|
|
|
|
|
aikhh.. sendiri tanya sendiri jawab ka? |
|
|
|
|
|
|
|
Reply 4# aziz79
mula2 buntu sebab tu tanya sini
lepas tu dah jumpa.. salah sendiri |
|
|
|
|
|
|
|
Reply aziz79
mula2 buntu sebab tu tanya sini
lepas tu dah jumpa.. salah sendiri
kmkd Post at 4-7-2010 20:55
Thanxs bro, amat dihargai kerana share problem yg agak kritikal thinking gak huhuh...berbaloi utk dapat credit utk kmkd |
|
|
|
|
|
|
| |
|