CSS: Fixed with horizontal menu, with variable width tabs, using ul -

मेरे पास एक क्षैतिज मेनू है मार्कअप इस तरह दिखता है:

  & lt; ul class = "menu" & gt; & Lt; li & gt; आइटम 1 & lt; / li & gt; & Lt; li & gt; लंबा आइटम 2 & lt; / li & gt; & Lt; li & gt; आइटम 3 & lt; / li & gt; & Lt; / ul & gt;  

उपमेनूस और चूसने वाला मछली ड्रॉपडाउन बाद में आ जाएगा।

उल को पृष्ठ की चौड़ाई (जैसे 100% या 1000px)

lis उनकी सामग्री के आधार पर चौड़ाई में भिन्न होनी चाहिए।

तो परिणाम ऐसा दिखेगा:

  ----------------- पृष्ठ का 100% ------------ | --Item 1-- | - लंबा आइटम 2 - | - आईटम 3 - |  

अब यह प्रत्येक लि टैग के लिए चौड़ाई तय करके करना आसान है, लेकिन क्योंकि मेनू सीएमएस चालित हो जाएगा, मुझे टैब्स की चौड़ाई को स्वचालित रूप से भिन्न होने की अनुमति देने की आवश्यकता है I तालिका के साथ यह तुच्छ हो जाएगा, लेकिन मैं ul के साथ ऐसा करने का एक तरीका नहीं सोच सकता।

< Div class = "post-text" itemprop = "text">

यह एक मामला है

प्रदर्शन: टेबल-मैन

  उल {प्रदर्शन: तालिका; चौड़ाई: 100%; टेबल-लेआउट: फिक्स्ड; } ली {प्रदर्शन: टेबल-सेल; }  

दुर्भाग्य से, आपको आईई 6 और 7 का समर्थन करने का विचार छोड़ना चाहिए, लेकिन अन्यथा ये जाने का तरीका है (या एचटीएमएल तालिकाओं पर स्विच करना, जो कि बहुत दूर हो या हो सकता है मार्कअप की अर्थिक सामग्री से)।