Undvika att ge tabellen valfri höjd värde antingen i procent eller i pixlar; ge ditt bord ett höjdvärde kommer att begränsa din design och hur webbläsaren skulle formatera innehållet i tabellen. Låt elementen i tabellceller vara inline-element. Ge bara breddimensionen till en bild i en tabellcell i procent. Webbläsaren kommer att ge den motsvarande höjden på bilden. Bildbredden värde är i förhållande till bredden av cellen. Du kan använda radbrytning element för att göra viss formatering i en tabell cell.For bredden på tabellkolumnerna (vertikal grupp av celler), använd procentenhet.
Här procent är i förhållande till bredden på tabellen exklusive anslutning till table.Width och höjd HTML ElementsAs vi har sett från ovanstående diskussionerna, bör du undvika att ge höjder till HTML-element. Undvika att ge höjd till BODY elementet; undvika att ge höjd till DIV element; undvika att ge höjd till tabellelement; undvika att ge höjd till tabellcellselement; undvika att ge höjd till bilder. Du kan ge bredden av dessa element, ett värde i percentage.
PositioningIf du verkligen vill placera element relativt någon punkt i innehållande element som du kan fortfarande använda procentsatser. Men du egentligen inte behöver CSS egenskapen position för statiska webbsidor. Du bör använda egenskapen position för dynamiska webbsidor där du vill att positionen för ett element att ändras när användaren tar en åtgärd. Med statiska webbsidor du inte verkligen behöver egenskapen position.
För din statisk webbsida layout, använd DIV element för att partitionera din sida; Använd tabellelement när du har information i ett rutnät form; Använd radbrytning elementet och CSS float egendom för positionering (små element); använda rätt HTML-element för rätt ändamål (till exempel använda punktlista när du har en lista information). Du kan förbättra utseendet på din design genom att använda saker som färger och elementet bakgrundsbilder; inte genom att göra layouten komplicerad. Om du följer detta råd, kommer du att bli bra med statiska webbsidor.