Problem med tabeller

jarnheimer · 2007-09-17, 21:52

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

crazzy · 2007-09-18, 07:14

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

jarnheimer · 2007-09-18, 07:57

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:

HMH · 2007-09-18, 09:32

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.

Magnus_A · 2007-09-18, 10:59

Å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.

melin · 2007-09-18, 11:00

tabeller är onda

Magnus_A · 2007-09-18, 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.

Kristoffer G · 2007-09-18, 17:12

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!

crazzy · 2007-09-18, 19:10

Citat:

Ursprungligen postat av Brazzan

Citat:

Ursprungligen postat av elprisguiden

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

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

melin · 2007-09-18, 21:03

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

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Problem med tabeller