רוחב טבלה ב-HTML

[gkman]

שלום לכולם.

אני מעוניין ליצור טבלה שתתרחב עד כמה שחלון הדפדפן מתרחב.

אבל שתצטמצם רק עד 700 פיקסלים.

איך אני מבצע את זה?

תודה מראש.

[AvielA]

אני לא זוכר הרבה אבל אולי תנסה 2 טבלאות, אחת בתוך השניה.

את החיצונית תגדיר באחוזים - width="90%" ובה שים את התוכן.

את הפנימית הגדר כשקופה - border="0" ושים אותה בתחילת הטבלה החיצונית או בסופה כדי שלא תפריע לשום דבר.

במקום הטבלה הפנימית תוכל להגדיר אובייקט ברוחב 700 פיקסלים (תמונה או אפילו רוחב תא).

אני הולך כאן לפי היגיון כבר שכחתי את רוב הדברים ב-HTML.

שכח מזה, AgentZ צודק, לך על CSS.

איפה זה היה בתקופה שלמדתי HTML...

[AgentZ]

זה אמור לעבוד (קח בחשבון שלא ניסיתי את זה אז אל תכניס את זה לproduction לפני שבדקת את זה):

.table {
	max-width: 100%;
	min-width: 700px;
}

כמובן תחליף את table באלמנט שלך

[gkman]

AgentZ

הקוד שכתבת לא עובד.

התוכן מכתיב עכשיו את הרוחב של הטבלה. זה כאילו לא הגדרתי לו בכלל רוחב.

[AgentZ]

אוקיי מסתבר שזה עובד בצורה לא מאוד אינטואיטיבית, הנה הפתרון:

תעטוף את הטבלה שלך בדיב ותיתן לו את הערך מינימום, ואז תיתן לטבלה אורך 100%.

כלומר זה המבנה:

<div id="myDiv">
	<table id="myTable">
	</table>
</div>

וזה הCSS:

#myTable {
	width: 100%;
}
#myDiv {
	min-width: 700px;
}