Forum Mjukvara Programmering och digitalt skapande Tråd

HTML Tabell

1
Skriv svar
Permalänk
Medlem
●

HTML Tabell

http://telebanken.se/test.htm

hur gör man för att tabellen alltid ska fylla skärmen på höjden så att den alltid är 100% oavsett upplösning på skärmen?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Tables har inget height-attribut. Jag har själv researchat en del i det där för ett par år sedan och jag tror jag då kom fram till att man behöver divar för att göra det.

Googla and you shall find

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Grandessa:

http://telebanken.se/test.htm

hur gör man för att tabellen alltid ska fylla skärmen på höjden så att den alltid är 100% oavsett upplösning på skärmen?

Gå till inlägget

Har dock svårt att se syfted med 100% height tabell till annat än bakgrundsbild, men det går ju att lösa genom att fixa till bilden. Annars är CSS din vän

Visa signatur

FreeBSD

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Grandessa, tabeller har du för just tabeller. Inte för layout. Så sluta upp att använd tabellen för layout och börja använd divs för att dela upp layouten i olika delar (Missbruka den inte bara, som vissa gör).

Visa signatur

citera!

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Om du nu måste köra tables och 100%, så måste du sätta heights på HTML + BODY.
t.ex.

html, body {
height: 100%;
margin: 0;
padding: 0;
}

Visa signatur

CPU: AMD Ryzen 7 5800X Kylare: Noctua NH-D14 Modermodem: Gigabyte B550M AORUS Elite RAM: Kingston Renegade Fury 3600MHz 32GB GPU: PowerColor Radeon RX 6900 XT 16GB Red Devil Ultimate Chassi: Fractal Design Define Mini C PSU: Corsair RM750x SSD: Kingston KC3000 2TB NVMe ISP: Bahnhof 500/500Mbit Skärm: LG 34'' UltraGear 34GN850 Tgb: Keychron Q6 Brown Mus: Logitech MX Master III Högtalare: Audio Pro Addon T14 OS: MS Windows 11 Pro Tillbehör: Staropramen & Noblechairs Hero

Redigera
Citera flera Citera
Permalänk
Medlem
●

Mitt tips är att aldrig använda tables. Dom behövs aldrig till design.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av MadFred:

Om du nu måste köra tables och 100%, så måste du sätta heights på HTML + BODY.
t.ex.

html, body {
height: 100%;
margin: 0;
padding: 0;
}

Gå till inlägget

det funkar, testa själva

<style type="text/css">
body, html {
height:100%;
margin:0;
padding:0;
}
.style1 {
background-color: #FF0000;
}
table {
height:100%;
width:65%;
}
</style>
</head>

<body>
<table cellpadding="0" align="center">
<tr>
<td class="style1"> </td>
</tr>
</table>

Visa signatur

CPU: i5-2500K | RAM: 4gb XMS3 1333mhz | Grafikkort: XFX Radeon 5770 | Mobo: MSI P67A c45 | HDD: WD Black 500GB | Chassi: NZXT Lexa S |PSU: XFX XXX Edition 750W

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av x3onz:

det funkar, testa själva

Gå till inlägget

Ja visst funkar det, men det är en semantisk kodsoppa med bismak.
http://www.westciv.com/style_master/house/good_oil/dead_layou...

W3 har lagt fram förslaget att i HTML5 använda <table role=presentation> för användare som nödvändigtvis behöver ett rutnät att jobba efter (som kuriosa). Det är förstås snyggare och enklare i längden att använda div med float:left. Samma sak gäller för div:ar med 100% höjd, height:100% sätts på body så kommer alla childs till body att beräkna höjden.

Senast redigerat
Visa signatur

i7 920 | 12GB DDR3 | GTX 480 | GA-X58A-UD7 | 160GB SSD X25-M G2 | 1TB F3 HD103SJ | W7 64-bit | Mac Mini
Webb: bluekitestudios.com

Redigera
Citera flera Citera
Permalänk
Medlem
●

själv kan man redan göra hemsidor i html/css

Visa signatur

CPU: i5-2500K | RAM: 4gb XMS3 1333mhz | Grafikkort: XFX Radeon 5770 | Mobo: MSI P67A c45 | HDD: WD Black 500GB | Chassi: NZXT Lexa S |PSU: XFX XXX Edition 750W

Redigera
Citera flera Citera
Permalänk
Medlem
●

Man bör så långt det är möjligt få till sin lösning med CSS och HTML och DIV element.

Men det finns en del myter och annat från folk som tycker hit och dit att Tables inte får användas till annat
en att presentera information i strukturerad form.

Jag anser att ser det korrekt ut på din sida och den som besöker den inte bryr sig så använd det verktyg
som fungerar bäst för uppgiften och det sätt du kodar på.

Sedan kan det finnas bättre eller mindre bra sätt att lösa saker på.

Men låt inte hobby tyckare begränsa din fantasi.

Personligen har jag börjat intressera mig mer och mer för HTML5 och CSS3.
Samt jQuery.

Testa vad som fungerar för dig och bilda din egen uppfattning.

Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Varför vill du ha så att tabellen är hela fönstrets höjd?

Låter lite som ett XY-Problem, vad vill du egentligen göra?

Visa signatur

data, representation av värden, text etc. lämpad för överföring, tolkning eller bearbetning av människor eller maskiner.
dator, digital automatisk beräkningsmaskin som styrs av ett i dess minne lagrat program.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Gjy

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara