Evil villain mocking us

چیزهایی که جدول بهتر از CSS انجام می‌دهد

چیزهای خاصی هست که CSS به خوبی طراحی‌های جدولی انجام نمی‌دهد.

برای نمونه، فکر کنید یک منوی طرفی مشکی دارید که می‌خواهید به اندازه محتوای شما امتداد پیدا کند. در طراحی جدولی، این خوراک است: فقط به آن <td> یک پس‌زمینه مشکی بدهید.

ما می‌توانیم این کار را با CSS انجام بدهیم، اما به تفکر متفاوتی نیازمندیم.

اگر به div منوی خودمان یک پس‌زمینه مشکی بدهیم، رنگ مشکی فقط تا جایی امتداد خواهد یافت که منوها «تمام شوند». در اکثر صفحات، محتوا بلندتر از منو است، و نتیجه خوب نخواهد شد.

در عوض می‌توانیم ?? GIF مشکی را در کل div محتوا تکرار کنیم و left padding کافی برای آن div در نظر بگیریم، اما اگر منو طولانی‌تر از محتوا باشد، این هم کار نخواهد کرد.

راه دیگر برخورد با این مشکل این است که ?? GIF مشکی را در پس‌زمینه <body> تکرار کنیم، اما این هم تا زمانی خوب است که نخواهیم تصویر یا رنگ دیگری را برای پس‌زمینه <body> به‌کار ببریم.

یا می‌توانیم کل محتوایمان را در یک div با نام 'wrapper' قرار دهیم و تصویر را در پس‌زمینه این div تکرار کنیم. هر چند، این کار مقدار کد غیرمعنایی را در صفحات‌مان افزایش می‌دهد.

و البته اگر بخواهید که عرض منویتان غیرثابت باشد، تکرار کردن تصویر در پس‌زمینه اصلاً کار نخواهد کرد.

همانطور که گفتیم، چیزهایی هست که جدول بهتر از CSS انجام می‌دهد. اما دست آخر شما باید از خودتان بپرسید که آیا تمام مسائلی که در رابطه با استفاده از جدول برای طراحی به‌جای داده مطرح شد ارزش آن را دارد یا نه.

>
Scott Design