Forum › Internet Service & Networking › [solved] dynamic + fixed width dalam css

kmkd Publish time 3-7-2010 08:20 AM

[solved] dynamic + fixed width dalam css

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 :D


dia asing, tapi ada masalah dengan div kedua tu, dia tak mahu ke atas.

http://syafiq.net/wp-content/uploads/2010/07/css-problem.jpg

ada idea?

p.s aku betulkan tajuk

kmkd Publish time 3-7-2010 09:15 AM

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.

kmkd Publish time 3-7-2010 09:26 AM

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 :D

aziz79 Publish time 4-7-2010 11:57 AM

aikhh.. sendiri tanya sendiri jawab ka?:o

kmkd Publish time 4-7-2010 08:55 PM

Reply 4# aziz79


   mula2 buntu sebab tu tanya sini :lol:
lepas tu dah jumpa.. salah sendiri ;P

webxcrawler Publish time 11-8-2010 11:53 AM

Replyaziz79


   mula2 buntu sebab tu tanya sini
lepas tu dah jumpa.. salah sendiri
kmkd Post at 4-7-2010 20:55 http://forum.cari.com.my/images/common/back.gif


    Thanxs bro, amat dihargai kerana share problem yg agak kritikal thinking gak huhuh...berbaloi utk dapat credit utk kmkd

View full version: [solved] dynamic + fixed width dalam css