CARI Infonet

 Forgot password?
 Register

ADVERTISEMENT

View: 2662|Reply: 5

[solved] dynamic + fixed width dalam css

[Copy link]
Post time 3-7-2010 08:20 AM | Show all posts |Read mode
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
Reply

Use magic Report


ADVERTISEMENT


 Author| Post time 3-7-2010 09:15 AM | Show all posts
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.
Reply

Use magic Report

 Author| Post time 3-7-2010 09:26 AM | Show all posts
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
Reply

Use magic Report

Post time 4-7-2010 11:57 AM | Show all posts
aikhh.. sendiri tanya sendiri jawab ka?
Reply

Use magic Report

 Author| Post time 4-7-2010 08:55 PM | Show all posts
Reply 4# aziz79


   mula2 buntu sebab tu tanya sini
lepas tu dah jumpa.. salah sendiri
Reply

Use magic Report

Post time 11-8-2010 11:53 AM | Show all posts
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
Reply

Use magic Report

Follow Us
You have to log in before you can reply Login | Register

Points Rules

 

ADVERTISEMENT



 

ADVERTISEMENT


 


ADVERTISEMENT
Follow Us

ADVERTISEMENT


Mobile|Archiver|Mobile*default|About Us|CARI Infonet

6-5-2024 07:59 AM GMT+8 , Processed in 0.076474 second(s), 31 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

Quick Reply To Top Return to the list