Avatar billede dsiv Nybegynder
28. maj 2008 - 22:54 Der er 4 kommentarer

Tables med CSS classes der 'udvider' sig i Internet Explorer

Hej allesammen,

Jeg er ny her, så jeg håber i kan bære over med min manglende rutine i at beskrive problemer som disse - but here goes! :

Jeg har et problem der går igen når jeg laver websites, så jeg tænkte at jeg ville spørge her, for forhåbentligt en gang for alle at få det afklaret.

Problemet består i at tabellerne (som jeg har stylet med CSS classes) på de websites jeg arbejder på, har en irriterende tendens til at udvide sig (vertikalt)i Internet Explorer - har ingen problemer i FireFox.

Det nuværende problem jeg har er det samme. Websitet er layoutet med tables, og stylet med CSS classes. Problemet opstår ved webbanneret, som består af 2 seperate tabel celler - et til billeder/logo (til venstre), og den anden til lidt links og tekst (til højre). Billedet er lagt som baggrundsbillede i cellens tildelte CSS class, jeg giver som regel hver celle deres egen CSS class så jeg bedre kan styre dem. Billedet (og cellen) er 300 pixels højt, og er alignet til cellens top. Men der opstår som sagt problemer i Internet Explorer, som insisterer på at gøre cellen højere end den er (omkring 25 pixels). Indtil nu har jeg forbigået problemet ved at gøre billedet højere end cellen, da det  jo er lagt som baggrundsbillede og ikke burde give problemer. Men problemet har det bare med at dukke op igen, jo mere jeg arbejder på websitet.

Jeg nævner både tables og CSS, da jeg ikke er helt sikker hvori problemet opstår. Men jeg har efterhånden spildt utallige timer på dette problem, uden at finde en helt holdbar løsning. Det tætteste jeg er kommet, var da jeg fjernede alt CSS margin og padding i nabo cellen (den med links og tekst). Men dette er ikke en helt holdbar løsning, da designet derved skrider. Dette forklarer heller ikke hvorfor FireFox ikke har problemer med at gengive det korrekt, der er rigeligt med plads i cellen uden at Internet Explorer behøver at gøre den større.

Jeg håber at jeg har beskrevet mit problem grundigt nok, ellers hvis der er noget information i mangler må i lige sige til.

Jeg er efterhånden stødt ind i dette problem utallige gange, og håber at der er nogen herinde der har en løsning, eller som kan dirrigere mig hen til en tidligere tråd omhandlende samme problem.

På forhånd tak.
Avatar billede olebole Juniormester
28. maj 2008 - 23:18 #1
<ole>

I udgangspunktet er HTML beregnet til at opstille videnskabelige data med i ren tekst. Tabellen har aldrig været beregnet til at lave layout med - hvilket formodentlig er årsagen til, MS aldrig har gjort noget ved det ellers velkendte problem, du omtaler.

Bruger man tabellen, som den er tænkt, skal man _virkelig_ lede grundigt for at finde et eksempel, hvor det, du omtaler som et problem, har nogen betydning  =)

Ofte må man tillempe sit design til teknologien. Der er ingen, der har sagt, et site _skal_ gå fra top til bund i browseren ... eller at webdesigneren absolut skal kunne alt, hvad han gerne vil  ;o)

/mvh
</bole>
Avatar billede roenving Novice
29. maj 2008 - 23:57 #2
Hrm, måske du har lagt </td>-tags på deres egen linje ...
Avatar billede dsiv Nybegynder
30. maj 2008 - 15:06 #3
Tak for jeres kommentarer,

Ja Roenvig, der lå </td> tags på deres egen linje, jeg var ikke klar over at det kunne være et problem. Men i dette tilfælde ændrede det desværre ingen ting, er der andre tags der ikke må ligge på seperate linjer? Men tusind tak for buddet =) ...

@ Olebole

Jeg kender godt den generelle holdning til Tables & Layout, men da jeg arbejder i et WYSIWYG program som GoLive er tables utroligt hurtige & lette at arbejde med (når de altså ikke lige skaber enigmatiske problemstillinger som ovenstående he he' =P). Og da jeg mangler en lignende mulighed med DIV tags (en form for DIV 'Tables' ville være nice), har jeg holdt mig til tables. Håndkodede jeg, ville jeg nok også hellere arbejde med DIV tags, da det så lige pludseligt ikke ville være meget lettere at bruge tables =)

Keep 'em coming!
Avatar billede roenving Novice
30. maj 2008 - 16:41 #4
-- ja, ole har påpeget, at alle elementer, der renderes som block-level, vil lave problemet, hvis det direkte indhold er inline (ses derfor ellers mest med </div>s !-)
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

IT-JOB