Avatar billede langkiller Nybegynder
12. oktober 2011 - 15:32 Der er 24 kommentarer og
1 løsning

tabel højde ændre i IE ?

Har lavet følgende tabel som skal være et søgefelt m.m i toppen af min side.

<table border="0" height="35" cellpadding="0" cellspacing="0" width="350">
  <tr>
  <td width="35" background="pics/soeg_kant.png">&nbsp;</td>
  <td background="pics/soeg_bg.png" width="5">&nbsp;</td>

  <td background="pics/soeg_bg.png">

    <form action="" name="soeg">
    <input type="search" name="soeg" size="20" style="vertical-align: middle">
    <input type="submit" value="Søg" style="vertical-align: middle">
    </form>
  </td>


  <td width="25" background="pics/soeg_bg.png" style="vertical-align: middle"><center><img src="pics/dk.png"></center></td>

  <td width="25" background="pics/soeg_bg.png" style="vertical-align: middle"><center><img src="pics/en.png"></center></td>

  <td width="12" background="pics/soeg_bg.png">&nbsp;</td>
  </tr>
</table>


Det ser helt fint ud i Chrome, men i IE bliver højden på tabellen ændret, eller den ser i hvert fald underlig ud. baggrunden til feltet bliver hvis 1 ½ gang vertikalt.
synes at jeg har prøvet alt efterhånden.
Nogle bud?
Avatar billede olebole Juniormester
12. oktober 2011 - 15:40 #1
<ole>

Prøv at lægge et link til siden. Jeg kan ikke se nævneværdig forskel med den kode, du viser

/mvh
</bole>
Avatar billede tobrukDk Novice
12. oktober 2011 - 16:21 #2
efter min mening er table noget gammet noget. :)


som Olebole siger prøve giv et link til kan det være at vi kan hjælp dig 100% :D
Avatar billede keysersoze Ekspert
12. oktober 2011 - 17:12 #3
er table gammelt? På hvilken måde?
Avatar billede olebole Juniormester
12. oktober 2011 - 19:30 #4
Jeg tror, tobrukDk mener, at det at bruge tabeller til generelle layout formål er en forældet fremgangsmåde. I det foreliggende tilfælde er jeg mere end tilbøjelig til at give ham ret. Opgaven kan løses med betydeligt færre elementer og lidt CSS  =)

I mit første indlæg var jeg faktisk tæt på at komme med en bemærkning om nostalgiske glæder. Koden er fyldt med elementer og attributter, der blev deprecated i 1997 - eller i bedste fald kun har været accepteret i overgangsversionen 4.01 Transitional (som forlængst burde være udfaset). Og f.eks. har background aldrig været en valid attribut på et TD element.

tobrukDk er efter min mening ikke helt i ørkenen med den opfattelse  =)
Avatar billede tobrukDk Novice
12. oktober 2011 - 19:48 #5
Ja nemlig , Olebole Tog lige min orde for mig ,,


Puha olebole haha
Avatar billede keysersoze Ekspert
12. oktober 2011 - 20:19 #6
Er fuldt ud enig i din fortolkning olebole -  #2 fik det bare til at lyde som om at tables var komplet fyfy :)
Avatar billede tobrukDk Novice
12. oktober 2011 - 20:41 #7
Nååår Nej, altså jeg synes bare at det er meget gammelt dags at bruge
Avatar billede olebole Juniormester
12. oktober 2011 - 20:44 #8
- og lad os endelig slå et stereo slag for, at det ville være noget vrøvl. Tables er udmærkede og fuldt valide elementer.

Hele øvelsen består i at vælge det mest hensigtsmæssige element til den aktuelle opgave. Er der tale om tabulære data (eller noget, der ligner), er tabellen stadig uovertruffen - og den forlader ikke standarden de første mange, mange år.

Men det kommer vi nok aldrig op at skændes om, så lad os ty til et par kølige i stedet. Jeg giver zq et par Tuborg'er {} ... skål!  *D
Avatar billede olebole Juniormester
12. oktober 2011 - 20:46 #9
Min seneste kommentar (#7) var til keysersoze, men du skal da også have en Tuborg, tobrukDk ...{  *D
Avatar billede olebole Juniormester
12. oktober 2011 - 20:46 #10
Hmmmm ... Min seneste kommentar (#8)
Avatar billede pstidsen Novice
12. oktober 2011 - 20:51 #11
tables er gode så længe de bare bruges til det de er nyttige til. F.eks. arrangering af data.

Tilbage til spørgsmålet
langkiller: Ret disse fejl: http://dl.dropbox.com/u/21887805/%5BInvalid%5D%20Markup%20Validation%20of%20upload___Form%20Submission%20-%20W3C%20Markup%20Validator.mht og smid et link til din side.
Avatar billede olebole Juniormester
12. oktober 2011 - 21:13 #12
@pstidsen: Ingen grund til at forvirre mere end højst nødvendigt. Sådan kan du ikke validere HTML i W3C's validator. De fleste af fejlene skyldes udelukkende din fejlagtige validering.
Avatar billede pstidsen Novice
13. oktober 2011 - 08:09 #13
#12: Ja, det har du ret i, men hvis man kunne kigge udover valideringsfejlene er der et par stykker, som ligeså godt kan blive rettet.

Hvis du ikke kan finde nogle fejl, langkiller, så smid blot et link.
Avatar billede olebole Juniormester
13. oktober 2011 - 16:12 #14
Man kunne også bare bruge validatoren korrekt og sætte koden ind i et HTML dokument før valideringen. Så ville man finde kodens faktiske fejl  =)
Avatar billede olebole Juniormester
13. oktober 2011 - 17:57 #15
@langkiller: Har du fundet en løsning, eller er du helt stået af?
Avatar billede langkiller Nybegynder
13. oktober 2011 - 20:41 #16
Nej er skam ikke stået af :) Altså siden ser helt fin ud her på min bærbare både med chrome og IE, men prøvede at gå ind på min stationære med et lidt ældre internet explorer hvilket ikke så helt godt ud. Siden ligger her : www.clich.net

Til det med brug af tabeller: Hvad skal jeg bruge i stedet? Nogle gode tutorials ? Går ud fra at jeg skal bruge css på en eller anden måde?
Og ja i har ret i det kan være lidt besværligt?

Har altid bare sat design op i tabeller. På denne side har jeg lagt min menu i en php function ligesom forskellige andre dele af siden så de ikke skal skrives flere gange.
Avatar billede pstidsen Novice
13. oktober 2011 - 21:02 #17
Avatar billede olebole Juniormester
13. oktober 2011 - 21:07 #18
Jeg har desværre ikke en gammel IE (formodentlig version 6) på denne maskine, så jeg kan ikke se fejlen.

Derudover er koden proppet med fejl! For det første skal alle META elementer ligge i HEAD elementet. For det andet hænger din HTML 5 DTD (<!DOCTYPE html>) slet ikke sammen med den kode, du skriver. Du skriver nærmere HTML 3.2, men du kan prøve med en HTML 4.01 Transitional (selvom den også burde være udfaset omkring årtusindskiftet):


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="da">
<head>
... osv - osv ...


Det bringer i det mindste dine fejl ned fra 98 til 23. Det er stadig alt for mange i så lille en kode, men så har du da et mere overskuelig arbejde foran dig.

Se fejlene her og begynd at rette dem fra en ende af.

At validatoren kun finder to fejl i din nuværende kode, skyldes at validatoren giver op. Flyt metaen med i HEAD elementet som før foreslået - så kan du se alle de omtalte fejl.

Efterfølgende vil det nok være en god idé at sætte sig grundigt ind i de mest basale regler for webkode  =)
Avatar billede olebole Juniormester
13. oktober 2011 - 21:09 #19
@pstidsen: Det er let læste artikler/tutorials. Til gengæld er de også fyldt med fejl, så udbyttet er ikke nødvendigvis en hjælp
Avatar billede langkiller Nybegynder
13. oktober 2011 - 21:25 #20
okay tak.. Du siger at de tutorials er fyldt med fejl. Hvor kan jeg finde nogle der overholder alle de regler osv ?

du kan jo også lige smide et svar.
Avatar billede olebole Juniormester
13. oktober 2011 - 21:50 #21
Ellers tak, jeg samler ikke points  =)

Med Underholdningssamfundet (det, der vist oprindelig skulle have været et Informationssamfund) er det desværre blevet muligt for enhver at publicere, hvad somhelst - når somhelst.

Skoven af artikler/tutorials - skrevet af folk, som selv har en yderst begrænset indsigt i webkode - er skudt vildt og ukontrolleret i vejret. Det betyder desværre også, at det er mere end svært at få øje på de små, sunde planter i skovbunden.

Det bedste råd, jeg kan give, er at læse i standarderne hos W3C. Det kan måske synes en tør omgang, men det er desværre en af 'sidegevinsterne' ved, at saglighed og faglighed er blevet genstand for 'demokratisering'
Avatar billede langkiller Nybegynder
13. oktober 2011 - 22:09 #22
bare iorden , lukker tråden om lidt så. Har bare lige et sidste spørgsmål.
Nu når jeg skal undgå at sætte min side op udelukkende med tabeller, hvad kan jeg så bruge som alternativ? ved godt at jeg selvf skal bruge css, men skal jeg bruge f.eks. div som erstatning og så "floate" den?

Hvis jeg har forstået det rigtigt, så er det "strengt forbudt" at bruge tabeller til at sætte en side op? :)
Avatar billede olebole Juniormester
13. oktober 2011 - 22:55 #23
Intet er "strengt forbudt", men det er absolut ikke hensigtsmæssigt at bruge tabeller til generel layout. Hvis du derimod har data, som skal opstilles i 'synkroniserede' rækker og søjler, er tabellen mest hensigtsmæssig.

En måde at skrive din søgeboks kode på, kunne være:


<style type="text/css">
body {
    margin: 0;
    padding: 0;
}
#topSearch {
    position: absolute;
    height: 35px;
    width: 350px;
    right: 0;
    background: url('pics/soeg_bg.png') repeat-x;
}
#topSearch img,
#topSearch input {
    vertical-align: middle;
}
#topSearch form {
    display: inline-block;
    margin: 0;
}
#topSearch div {
    position: absolute;
    right: 14px;
    top: 8px;
}
</style>

<div id="topSearch">
    <img src="pics/soeg_kant.png" alt="">
    <form action="" name="soeg">
    <input type="search" name="soeg" size="20">
    <input type="submit" value="Søg">
    </form>
    <div>
        <img src="pics/dk.png" alt="Danish">
        <img src="pics/en.png" alt="English">
    </div>
</div>

Avatar billede langkiller Nybegynder
13. oktober 2011 - 23:24 #24
nej ikke direkte forbudt :) men en dårlig løsning.
er i hvert fald i fuld gang med at sætte mig lidt bedre ind i det hele.

Jeg siger endnu en gang tak for hjælpen!

Lukker tråden.
Avatar billede olebole Juniormester
13. oktober 2011 - 23:45 #25
You're welcome  *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