WN - Problem med tabeller

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Problem med tabeller (https://www.wn.se/forum/showthread.php?t=23666)

Hejsan!

Håller på med en ny design till vår sida. I min webbläsare är kanten runt kartan och vid pratbubblan konstiga. De tabellraderna (som normalt drar ihop sig) behåller en höjd som om det vore text inuti cellen. Ni kanske inte ser det men buggen finns i Firefox och Safari på Mac. Vet ni hur man åtgärdar detta?

Demo: http://www.netfree.se/new/map.php
Screenshot (röda markeringar ringar in felen): http://temp.jarnheimer.se/screen.jpg

Tacksam för hjälp

du borde kunna ge dem en klass och sedan sätta höjden explicit med css.

Citat:

du borde kunna ge dem en klass och sedan sätta höjden explicit med css.

Jag la in style="height:4px;" på varje cell/rad. Det verkar inte fungera:

http://www.netfree.se/new/map.php

Det mest konstiga är att det fungerar när jag tar den lilla pratbubblan ensam på en egen sida:

http://www.netfree.se/new/test.html

Varför? :huh:

Innan du börjar leta fel på detaljnivå så är det dags att ta tag i de stora delarna.

Problemet som jag ser det är att du specat xhtml strict som doctype:

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

...html-koden som följer är allt annat än xhtml strict. Därav kommer du få stora problem att få till det som du tänkt (speciellt i Firefox).

Validera koden så får du ett grepp om hur illa det ligger till:
http://validator.w3.org/check?uri=ht...Inline&group=0

Det är helt enkelt hög tid att överge tabell-baserad layout till förmån för semantisk html och css-baserad layout.

Mycket intressant sida förövrigt... känns klockrent med Google Maps.

Åter till ämnet:
För att få tabeller att rendera snyggt krävs att man ser över innehållet. Ett enda mellanslag gör att tabellrutan automatiskt intar standard radhöjd. Om man vill ha lägre höjder än så så måste man ta bort alla mellanslag som härrör från indenteringar och annat. För att browsern inte ska balla ur över tomma rutor så fyller man varje ruta med en en-pixlig genomskinlig bild och inget annat . Mellanslag mellan td- och tr- taggar skadar heller inte att ta bort.

tabeller är onda :D

Tabeller är inte onda, tabeller är väl utprovade medel för att strukturera innehåll på en sida och få saker och ting att förhålla sig til varandra.
Div har sina fördelar men saknar tabellens fördel att kunna anpassa sig efter hur stora cellerna är och alltid ge ett korrekt resultat.
Med tabeller slipper man också en massa extrahack för att komma undan IE och FF:s enpixels-fel.
Pröva gärna div, fungerar det på din sida så kör på, men vänta med att lägga ner för mycket tid på avancerade div-konstruktioner för sakens skull innan webbläsarna vuxit ifrån barnsjukdomarna.

Citat:

Originally posted by elprisguiden@Sep 18 2007, 11:45
Tabeller är inte onda, tabeller är väl utprovade medel för att strukturera innehåll på en sida och få saker och ting att förhålla sig til varandra.
Div har sina fördelar men saknar tabellens fördel att kunna anpassa sig efter hur stora cellerna är och alltid ge ett korrekt resultat.
Med tabeller slipper man också en massa extrahack för att komma undan IE och FF:s enpixels-fel.
Pröva gärna div, fungerar det på din sida så kör på, men vänta med att lägga ner för mycket tid på avancerade div-konstruktioner för sakens skull innan webbläsarna vuxit ifrån barnsjukdomarna.

Håller med!

Citat:

Ursprungligen postat av Brazzan

Citat:

Ursprungligen postat av elprisguiden

Håller med

jag också, tabeller är underbara tillsammans med litegranna divar och massvis med css.

tabeller är perfekta för att stapla upp en massa data ja - men lägga upp 3-4 objekt i en kolumn så får jag säga att div lämpar sig avsevärt bättre.. iaf enligt egna erfarenheter :D

Citat:

Släng inte ur dig saker när du inte alls vet vad du pratar om. Det enda det gör är att andra som kanske tror att du vet vad du pratar om tar åt sig av vad du skriver. Istället för att starta en längre diskussion så skulle vi helt enkelt kunna göra ett test. Du tar fram en design som du tycker är helt omöjlig* att få till "med divar", så gör du den med tabeller. Jag gör om hela sidan i riktig kod så får vi se om jag lyckas - så kan vi sen jämföra hur våra html-filer ser ut.

* Med omöjligt så menar jag även/istället "tar längre tid" / "är krångligare".

De enda som häver ur sig sånt här är folk som inte kan tillräckligt om HTML samt CSS och som efter att försökt göra ett par med komplexa designer har misslyckats och därför bestämt sig för att "tabeller visst är bra för design!"

/Robert

Citat:

Ursprungligen postat av robert.liljedahl

Citat:

Ursprungligen postat av elprisguiden

Nu tar vi det lite lugnt här och skärper till debatten istället för att sitta i sandlådan och skvätta.
Om du nu vill ha något att bita och bevisa din duktighet så kan du presentera en lösning på tvåkolumnersproblemet här. Det vore en konstruktiv handling istället för att bara vräka ur dig en massa personangrepp.