Avatar billede hav0k Nybegynder
06. august 2005 - 18:30 Der er 15 kommentarer og
1 løsning

<td> for meget height i IE?

Jeg har nogle <td>'s som virker fint i Firefox, men så snart de bliver udsat for IE så bliver de dobbelt så høje som "normalt".

Se selv på www.gagag.dk/ww2 (de grønne overskrifts <td>)

html koden:

<table width="600">
            <tr>
                <td class="header" height="1">New York, Manhatten, 6 adults</td>
            <td rowspan="2" height="1">
            <img src="school2.jpg" width="200">
            </td></tr>
            <tr><td>Apartment in New York. With personal limo-driver. 7 rooms: 2 bedrooms, 1 kitchen,
            3 living rooms and 1 bathroom. Blah blah Blah blahBlah blah
            Blah blahBlah blahBlah blahBlah blahBlah blahBlah blah Blah blah
            Blah blahBlah blahvBlah blah..... <a href="#">[Read more]</a>
            </td></tr>
        </table>

og css'en:

TD.header {
    BORDER-TOP: 1px solid #FFFBE0;
    FONT-SIZE: 14px;
    MARGIN: 0px;
    VERTICAL-ALIGN: top;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Verdana, Helvetica;
    BACKGROUND-COLOR: #669900;
    HEIGHT: 1px;
}

Hvad er det lige der gør at den får 200% height i IE og ikke Firefox?
Avatar billede busschou Praktikant
06. august 2005 - 18:45 #1
du kan starte med at sætte en størrelse på dine widht og height så det ikke bare er tal, om det er pixel eller centimeter eller procent
Avatar billede hav0k Nybegynder
06. august 2005 - 18:52 #2
Jeg mener den regner tal for pixels som standard hvis intet andet er skrevet?

Har prøvet at ændre det - giver heller ikke nogen forskel :(
Avatar billede busschou Praktikant
06. august 2005 - 18:55 #3
hæhæ
Så uanset om du skriver px eller ej så mener du at din tabel skal være 600px bred og 1px høj? lol ;o)
Avatar billede hav0k Nybegynder
06. august 2005 - 18:58 #4
:p den ene pixels højde er jo sat for at holde den så lille som muligt??
Avatar billede busschou Praktikant
06. august 2005 - 19:01 #5
jamen så er der vel ikke nogen grund til at sætte en højde?
En tabel udvider sig jo udfra indholdet
Hvis der ingen indhold er, så er den så lille som den kan være

ps synes du skal kigge på valideringen og se om det hjælper at rette nogle af småfejlene først :o)
Avatar billede hav0k Nybegynder
06. august 2005 - 19:16 #6
Det er rigtigt. Tror også jeg satte height="1" i sin tid for at forsøge at løse problemet med at den blev for høj.. Småfejlene skulle gerne være rettet, men <td>'en er stadig for høj :(

(Tabeller går mig på nerverne nogle gange)
Avatar billede olebole Juniormester
06. august 2005 - 20:32 #7
<ole>

Du skal bare lægge dit sluttag på cellen helt op bag dens indhold, sådan:
  <td>Indhold her</td>

- endelig ikke sådan:
  <td>Indhold her
  </td>

Det sidste eksempel introducerer ekstra luft under indholdet i IE  ;o)

Desuden er height-attributten på en tabelcelle deprecated. I stedet bør højden sættes i CSS. I CSS _skal_ der angives en enhed ... i modsætning til HTML-attributter, hvor der aldrig må angives enheder (pas nu på med ordet 'aldrig', OleBole! Hehe).

Så bør du i øvrigt angive den højde, cellen skal have - og det er med garanti ikke 1px. Det andet er noget panik-rod, der ikke giver mening  ;o)

/mvh
</bole>
Avatar billede hav0k Nybegynder
06. august 2005 - 20:55 #8
Hm min IE er vist ikke helt enig med din påstand olebole. Mine <td> tags ER allerede lige efter indholdet og flytter jeg dem ned på næste linie sker der ikke det fjerneste.0
Jeg har fjernet de 1px helt.. der er jo som sagt heller ikke brug for dem. Men jeg skal vel ikke angive en højde for cellen hvis den bare skal tilpasse sig indholdet? (som den så alligevel ikke gør *sigh*).

Jeg er, skønt vi har været vidt omkring, ikke kommet nærmere min løsning :(
Avatar billede hav0k Nybegynder
06. august 2005 - 21:23 #9
Den eneste måde at løse problemet på er jeg kommet frem til at fylde den celle der ligger nedenuder op med tekst eller andet så den øverste celle bliver "presset" mindre. Ikke en særlig rar eller holdbar løsning men jeg må nok acceptere det. Hvis busschou lige lægger et svar så han ka få lidt point som tak for hjælpen :)
Avatar billede busschou Praktikant
06. august 2005 - 21:25 #10
jeg må erkende at jeg ikke vidste det med at man ikke skulle skrive px på i selve html koden
Men det er nok fordi jeg selv benytter css mere eller mindre fuldstændig
Jeg synes det lyder underligt at det er din eneste mulighed
Men du får da gerne et svar :o)
Avatar billede busschou Praktikant
06. august 2005 - 21:28 #11
og med mente jeg selvfølgelig at jeg bruger et externt stylesheet, det hele er selvfølgelig css :o)
Avatar billede olebole Juniormester
06. august 2005 - 22:29 #12
hav0k >> Det er såmænd ikke en påstand, men ret almindelig viden. Ikke desto mindre afstedkommer manglende kendskab til denne adfærd hos IE rigtig mange spørgsmål på Eksperten. Du kan prøve dette (som blot er et enkelt eksempel på de mange tilfælde, hvor dette giver problemer):

<table cellspacing="0" cellpadding="0" border="1">
<tr>
    <td><img src="http://www.eksperten.dk/img/elogo.png"></td>
</tr>
<tr>
    <td><img src="http://www.eksperten.dk/img/elogo.png">
    </td>
</tr>
</table>

- Om du så vil fortsætte med en uhensigtsmæssig kodestil med uforudsigelige resultater, er så dit eget valg  :)
Avatar billede olebole Juniormester
06. august 2005 - 22:38 #13
- men det problem, du aktuelt sidder med, er ikke ualmindeligt for IE, hvor det ofte kan være umuligt at knibe en række ned på en ønsket højde. Derudover skaber rowspan og colspan også tit problemer med dimensionering  :o|
Avatar billede roenving Novice
07. august 2005 - 03:05 #14
-- og effekten bliver endnu tydeligere, hvis man fjerner borderen og indsætter et billede mere:

<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td><img src="http://www.eksperten.dk/img/elogo.png"></td>
</tr>
<tr>
    <td><img src="http://www.eksperten.dk/img/elogo.png">
    </td>
</tr>
<tr>
    <td><img src="http://www.eksperten.dk/img/elogo.png"></td>
</tr>
</table>
Avatar billede hav0k Nybegynder
08. august 2005 - 23:38 #15
Ja jeg må indrømme mine kendskaber til IE ikke er særligt store når vi kommer herud :) Uhensigtsmæssig kodestil eller ej, så er det nok hvad jeg er i stand til pt. :p
Avatar billede olebole Juniormester
09. august 2005 - 00:29 #16
- nøøhhh ... du kan vel godt skrive dine cellers lukketag på samme linje, som indholdet stopper. Det ene er ikke sværere end det andet  ;o)
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