Avatar billede 1sumsar1 Nybegynder
08. februar 2011 - 19:27 Der er 6 kommentarer og
1 løsning

Hvad er der galt med tabellen?

Hej

Jeg er ved at udvikle et website til min virksomhed, men er stødt ind i problemer ifbm. tabeller.
Selve sitet er (af forskellige årsager) struktureret som en tabel inde i en tabel.
Øverste række i inderste tabel består af to celler, hvoraf celle nummer to er to sammenflettede celler. Det ser fint ud i Firefox, i Chrome og på iPhone. Men i Internet Explorer er anden celle meget kort, hvilket betyder at indholdet (en horisontal navigationsmenu) "mases" sammen og bliver til blokke ovenpå hinanden. Det kan rettes hvis man definerer en større cellebredde, men så bliver nedenstående celler i samme kolonne  for store.
Jeg synes at jeg har kigget koden igennem, men har ikke fundet nogen fejl. Hvad kan jeg have gjort forkert?

Adressen er: www.solozion.com
Avatar billede zips Juniormester
08. februar 2011 - 19:51 #1
Sæt en width på den anden td så begge celler har en brede.

Husk at holde fejle nede vad at bruge denne http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.solozion.com%2F
Avatar billede 1sumsar1 Nybegynder
08. februar 2011 - 20:22 #2
Hej Zips
Det virker ikke at fastsætte en cellebredde. Enten er cellen for kort til menuen, eller også er den tilpas lang, men så bliver de andre celler i resten af kolonnen for brede.
Jeg W3-validerer løbende, men har ikke fundet en fejl som umiddelbart relateres til problemer med tabellen.
Avatar billede zips Juniormester
08. februar 2011 - 20:32 #3
Nej jeg kan godt se problemet nu, når man laver en table vil linjerne løbe lige ned gennem den i IE så der skal arbejdes med at få det til at passe, hvis det var mig, ville jeg bruge div som er langt nemmer at få til at stå hvor man ønsker dem.
08. februar 2011 - 22:23 #4
Men menuen der mases sammen i IE er jo ikke det eneste problem.  Baggrundsbilledet med kurven og bjergtoppen som jeg antager vises som tilsigtet i FF vises forskudt i Crome (og Safari) saa bjergtoppen falder udenfor sammen med en del af kurven.

Jeg kunne heller ikke umiddelbart hvad problemet skulle vaere.  Men jeg noterer mig at den indre 'small_table' straekker sig over hele sidens hoejde og har tre tr'er, hovedet, tekstdelen, og fod-delen.  Td'erne i hver tr har naturligvis indflydelse paa hinanden.  Var det maaske et forsoeg vaerd at lave tre 'small_table'-ler, hver med en enkel tr?  Du kan saa i oeverste tabel definere to td'er som du saetter passende bredder paa.  Midterste tabel fylder tekstdelen, og der definerer du ogsaa to td'er som du saetter bredder paa som saa er uafhaengige af bredderne paa td'erne i den oeverste tabel.  I den nederste tabel bliver der ligeledes to td'er som saa igen er uafhaengig af td'erne i de andre tabeller.  Jeg har ikke mulighed for at teste det, men det ville da vaere rimelig hurtigt at checke.
11. februar 2011 - 10:09 #5
1sumsar1, fik du mit indlaeg?  Jeg er spaendt paa din reaktion, om de forslag jeg kom med var til nytte eller om jeg har misforstaaet det hele.  Hvad er ioevrigt dine intentioner med hensyn til at komme videre med eller faa afsluttet denne traad?
Avatar billede 1sumsar1 Nybegynder
13. februar 2011 - 18:09 #6
Hej
Beklager at jeg lod jer hænge i et par dage. Jeg ville lige sætte mig ind i div, som Zips foreslog, inden jeg vendte tilbage med en respons. Det er umiddelbart en ret smart løsning, som ser ud til at virke på tværs af browsere. Jeg har tidligere ikke brugt div i denne sammenhæng tidligere, men det ser ud til at jeg er gået glip af noget :) Skriver du ikke et svar, Zips?

Christian, din løsning er også en god mulighed. Men jeg synes at strukturen i koden bliver en anelse rodet, hvis der skal laves flere tabeller. Jeg vil derfor i første omgang lege lidt med div, og se om ikke det kan løse problemet.
Avatar billede zips Juniormester
13. februar 2011 - 19:21 #7
Her er et svar :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester