Avatar billede pokejohn Nybegynder
25. april 2005 - 22:07 Der er 52 kommentarer og
1 løsning

Ignorer border og css

Jeg har lavet en hjemmeside, hvor denne bl.a. denne linje: style="border-right:2 solid #005522;" og text størrelser fra CSS bliver ignoreret. Jeg har før haft lignende problem, hvor jeg blev anbefalet at indsætte Doctype, men jeg har dette i toppen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Hvis jeg fjener den linje, virker siden i IE, men stadig ikke i FF.

Nogen der har nogle forslag?
Avatar billede da9el Nybegynder
25. april 2005 - 22:10 #1
Bruger du css filer eller bare lidt css i toppen?
Avatar billede pokejohn Nybegynder
25. april 2005 - 22:13 #2
css filer..
Men den ignorer også style="border-right:2 solid #005522;".. Det står bare i en <td>
Avatar billede da9el Nybegynder
25. april 2005 - 22:16 #3
Har du prøvet at se hvad den siger hvis du validere den?
Avatar billede pokejohn Nybegynder
25. april 2005 - 22:33 #4
Til mit css dokument siger den bare at font-size skal efterfølges af en betegnelse.. Havde kommet til at skrive 9 px - det kunne den åbenbart ikke acceptere, så nu virker det, men hvorfor den ignorere min border, forstår jeg ikke.

Hvis jeg validere mit HTML dokument er det eneste jeg får noget med at

Line 10, column 17: there is no attribute "LEFTMARGIN"
<body leftmargin="0" topmargin="0" bgcolor="#FFFFCC">


Line 10, column 31: there is no attribute "TOPMARGIN"
<body leftmargin="0" topmargin="0" bgcolor="#FFFFCC">


Line 12, column 27: there is no attribute "HEIGHT"
<table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr><td width=


Line 12, column 123: there is no attribute "VALING"
... height="100%" align="center" valing="middle">


Jeg glemte lige at skrive at topmargin/leftmargin og højden + valign på én af mine tabeller (som gør at siden altid er i midten) heller ikke virker med Doctype, men fint uden... Der står at problemet er ofte løst med CSS.. Med hvordan skal jeg lige lave det?
Avatar billede da9el Nybegynder
25. april 2005 - 22:35 #5
Har du valideret css dokumentet?
Avatar billede pokejohn Nybegynder
25. april 2005 - 22:39 #6
"
Til mit css dokument siger den bare at font-size skal efterfølges af en betegnelse.. Havde kommet til at skrive 9 px - det kunne den åbenbart ikke acceptere, så nu virker det...
"

Var åbenbart det eneste den kunne finde!
Men en fejl i css dokumentet burde da ikke gøre så left- og topmargin i html dokumentet ikke virker? Eller hvad...?
Avatar billede pokejohn Nybegynder
25. april 2005 - 22:39 #7
... skulle skrive 9px i stedet for 9 px!
Avatar billede da9el Nybegynder
25. april 2005 - 22:41 #8
Efter hvad min "erfaring" med css siger, skal der næsten intet til at lave fejl i css filer.
Avatar billede pokejohn Nybegynder
25. april 2005 - 22:44 #9
table
{
font-family: Verdana;
font-size: 9px;
color: #005522;
}

.2
{
font-family: Verdana;
font-size: 9px;
color: #005522;
text-decoration: underline;
}

Så advanceret er mit css dokument heller ikke vil jeg mene.. Men syntes bare ikke at det burde være afgørende for om FF kan vise border, eller om FF og IE kan sætte højden til 100% og valign="middel" på en enkelt table - Det virker fint på alle de andre!?!
Avatar billede da9el Nybegynder
25. april 2005 - 22:47 #10
Dette problem opstår ofte fordi FF køre efter standarterne, vilket IE ikke gør.
Avatar billede da9el Nybegynder
25. april 2005 - 22:49 #11
Hvis det er browserene du mener så har jeg ingen anelse, tester normalt kun i FF og IE.
Avatar billede pokejohn Nybegynder
25. april 2005 - 22:49 #12
Burde FF så ikke netop vælge at vise de skwide border?
Ingen forslag?
Avatar billede pokejohn Nybegynder
25. april 2005 - 22:51 #13
"Hvis det er browserene du mener så har jeg ingen anelse, tester normalt kun i FF og IE."

Til det her:
Så advanceret er mit css dokument heller ikke vil jeg mene.. Men syntes bare ikke at det burde være afgørende for om FF kan vise border, eller om FF og IE kan sætte højden til 100% og valign="middel" på en enkelt table - Det virker fint på alle de andre!?!

Nej jeg mener at height og valign virker fint på alle tables, undtagen én enkelt...
Jeg tester også kun i FF og IE
Avatar billede da9el Nybegynder
25. april 2005 - 22:51 #14
FF laver bare lort i den hvis man ikke holder sig til standarterne.
Avatar billede da9el Nybegynder
25. april 2005 - 22:54 #15
Uddyb??
Avatar billede pokejohn Nybegynder
25. april 2005 - 22:55 #16
Meget er sket siden sidst jeg rodet med HTML, og den gang kunne man bare lade være med at tage hensyn til alle de andre og bare skrive i bunden: "Optimeret til Internet Explore" :D
Igen forslag til hvordan man kan få FF til at vise en simpelt ting som en border?
Kan det virkelig passe at den ikke kan fatte den her:
  style="border: 2 solid #005522;"
Avatar billede pokejohn Nybegynder
25. april 2005 - 22:55 #17
Uddyb hvad?

Jeg har skrevet dette:
style="border: 2 solid #005522;"

Men FF viser ingen ramme...
Avatar billede pokejohn Nybegynder
25. april 2005 - 22:58 #18
Også hvis jeg bruge Doctype virker height="100%" og valgin="middle" heller ikke på en enkelt border - hverken i FF eller IE..
Avatar billede olebole Juniormester
25. april 2005 - 22:59 #19
<ole>

pokejohn >> Det forstår FF helt fint. Hvis du skriver hele koden, du ikke kan få til at fungere, har vi en chance for at finde de fejl, du laver.
Uden kan vi kun gætte ... og det er der jo ingen grund til  :)

/mvh
</bole>
Avatar billede olebole Juniormester
25. april 2005 - 23:01 #20
Der er ikke en height-attribut på en tabel - hvis det er det, der ikke virker. Det har der i øvrigt aldrig været i HTML ... omend visse browsere prøver at rette denne fejl for koderen  :)
Men - som sagt - lad os se koden. Jeg har på fornemmelsen, der er en del at rette  ;o)
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:05 #21
Det med højden virker nu?! Har ikke ændret i noget..?!

<body leftmargin="0" topmargin="0" bgcolor="#FFFFCC">

<table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr><td width="100%" height="100%" align="center" valign="middle">

<table width="760" height="450" cellpadding="0" cellspacing="0" style="border: 2 solid #005522;">
<tr>
  <td width="450" height="450" rowspan="7" style="border-right: 2 solid #005522;">
  1
  </td>
  <td style="padding-left: 20;">
  2
  </td>
</tr>
<tr>
  <td>
  3
  </td>
</tr>
<tr>
  <td>
  4
  </td>
</tr>
<tr>
  <td>
  5
  </td>
</tr>
<tr>
  <td>
  6
  </td>
</tr>
<tr>
  <td>
  7
  </td>
</tr>
<tr>
  <td>
  8
  </td>
</tr>
</table>

</td></tr></table>


</body>

FF ignorere denne:
style="border: 2 solid #005522;"
og denne:
style="border-right: 2 solid #005522;"
..men det gør IE ikke.

Hvis jeg har denne linje med:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Opstår problemet både med IE og FF...
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:07 #22
Mener du ikke at der findes en height i en <table>?
Avatar billede olebole Juniormester
25. april 2005 - 23:07 #23
Det er da vist ikke hele koden ... der mangler en del, hvis der er tale om et HTML-dokument. Skal det hjælpe os, må vi have koden til dit dokument ... fra top til bund  :)
Avatar billede olebole Juniormester
25. april 2005 - 23:08 #24
Jeg _mener_ ikke noget. Jeg _ved_, der ikke er noget, der hedder 'height' på en tabel  ;o)
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:10 #25
<html>
<head>
<title>
Skabelon
</title>

...

</html>
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:12 #26
@ Olebole
Vil du så også påstå at der ikke er forskel på disse to links:
http://www.frip.dk/lordpoke/test/index.html
http://www.frip.dk/lordpoke/test/index2.html

Den eneste forskel er at i index.html er der en height i den første table!
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:12 #27
height="100%"
Avatar billede olebole Juniormester
25. april 2005 - 23:13 #28
Hvis du skrev en kode, der ikke ligner noget, der er kastet op ad væggen ved en fejltagelse, kunne det være, su selv kunne finde rundt i din kode  ;o)

Din inner-tabel hænger jo overhovedet ikke sammen  :)
Avatar billede olebole Juniormester
25. april 2005 - 23:14 #29
Hvis din tabel bliver stillet nogenlunde ordentligt op, kan du sikkert selv se fejlene:

    <table width="760" height="450" cellpadding="0" cellspacing="0" style="border: 2 solid #005522;">
    <tr>
        <td width="450" height="450" rowspan="7" style="border-right: 2 solid #005522;">1</td>
        <td style="padding-left: 2</td>
    </tr>
    <tr>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
    </tr>
    <tr>
        <td>6</td>
    </tr>
    <tr>
        <td>7</td>
    </tr>
    <tr>
        <td>8</td>
    </tr>
    </table>
Avatar billede olebole Juniormester
25. april 2005 - 23:17 #30
Ingen af de to dokumenter, du linker til er HTML-dokumenter. De opfylder ikke de mest basale krav, hvorfor visningen er helt tilfældig.
- og uanset, hvad du mener, har der aldrig i eksisteret en height-attribut på et tabel-element  :)
Avatar billede da9el Nybegynder
25. april 2005 - 23:18 #31
Heh, er nu enig med olebole i at der ikke findes nogen height-attribut, men sommetider kan man nu godt bruge det i IE alligevel :S
Avatar billede olebole Juniormester
25. april 2005 - 23:18 #32
Da det udfra din kode ikke er til at sige, hvad meningen er - og hvordan siden skal se ud - må du forklare det tydeligt ... eller skrive noget tabelværk, der er til at tyde  :)
Avatar billede da9el Nybegynder
25. april 2005 - 23:19 #33
i tabeller*
Avatar billede olebole Juniormester
25. april 2005 - 23:21 #34
da9el >> Der er ingen grund til at bruge en forkert attribut (som tilfældigvis forståes af IE i den nuværende version), når alle gængse browsere forstår den korrekte måde at sætte højde på  ;o)
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:22 #35
Skal vi ikke lade være med at diskutere height tingen mere? Hvor langt kommer vi med det? Det virker både i IE og i FF.. Der sker ingenting når jeg fjerne det - så jeg går udfra at det ikke gør at der går lort i den...
Avatar billede da9el Nybegynder
25. april 2005 - 23:23 #36
Nej, men det jeg mener er at de fleste newbie´s starter med at bruge IE. På den måde kender de måske ikke til at det ikke findes :)
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:23 #37
Og jeg har stillet mit "tabel-værk" op som i du viste olobole, men det hjalp mig ikke voldsomt...

Hvad er det du mener at jeg mangler?
Avatar billede olebole Juniormester
25. april 2005 - 23:32 #38
Skriver du dokumentet i henhold til HTML- og CSS-standarderne, ser det f.eks. sådan ud:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
<style type="text/css">
body, html {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
body {
    background-color: #FFFFCC;
}
</style>
</head>
<body>

<body>

<table style="width:100%;height:100%" cellpadding="0" cellspacing="0">
<tr>
    <td style="height:100%;vertical-align:middle">

    <table style="width:760px;height:450px;border:2px solid #005522;margin:0px auto" cellpadding="0" cellspacing="0">
    <tr>
        <td style="width:450px;height:450px;border-right:2px solid #005522;" rowspan="7">1</td>
        <td style="padding-left:2px">bla</td>
    </tr>
    <tr>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
    </tr>
    <tr>
        <td>6</td>
    </tr>
    <tr>
        <td>7</td>
    </tr>
    <tr>
        <td>8</td>
    </tr>
    </table>

    </td>
</tr>
</table>

</body>
</html>
Avatar billede olebole Juniormester
25. april 2005 - 23:34 #39
Læg i øvrigt mærke til, det er nødvendigt at sætte enheder, når værdien er forskellig fra nul:
  border:2px solid #005522;

Dette er derimod forkert og virker ikke i en ordentlig browser:
  border:2 solid #005522;
Avatar billede olebole Juniormester
25. april 2005 - 23:36 #40
'text-align:center' må ifølge CSS _kun_ centrere tekst. Det er med andre ord en bug, når IE også lader den centrere f.eks. block-level elementer. De skal centreres med:
    margin:0px auto
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:40 #41
Takker... Jeg forstår stadig ikke - det kan godt være at det er mig der er for dum/træt eller har været for lang tid væk fra HTML, men det eneste jeg lige kan overskue med mit trætte øje er at du har lavet <td width="760" height="450... om til <td style="width:450px;height:450px... osv. Burde det virkelig være det. Jeg havde jo også borderne til at stå i style="" før, men det kan godt være at jeg har overset noget alvorligt...

PS.
Jeg havde også det her med i starten, hvis det var det du mente at jeg manglede:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
og
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:41 #42
Så ikke den med 2px
Havde jeg sgu glemt - det er en ren forglemmelse, for det skulle man også i gamle dage :D
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:43 #43
Og for ikke at få nogle misforståelser, så snakker jeg ikke om hvad man burde gøre den gang jeg lærte HTML, men hvad jeg lærte... Det kan godt være skrub forkert, men det virkede fint (i IE), før jeg valgte at glemme næsten det hele.. :(
Avatar billede olebole Juniormester
25. april 2005 - 23:49 #44
O: "pokejohn, du får det hele!"
P: "hvad mener du, Ole ... hvormeget er det?"
O: "100%"
P: "Jamen, 100% af hvad?"

Præcis ... 100% af hvad?  ;o)

CSS foreskriver, at når du sætter en relativ højede (en højde i procent), skal denne udregnes udfra det omkransende elements højde ... hvorfor denne eksplicit skal være sat. Det gælder f.eks. også for body-elementet  ;o)
Derfor er bl.a. denne regel helt essentiel:

body, html {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:49 #45
Ydmyg må jeg bukker for overmagten...
Men pga. lidt tidspres er jeg lettere irritabel lige i denne tid, så jeg var lige ved at blive tosset da jeg så denne kommentar:

"Hvis du skrev en kode, der ikke ligner noget, der er kastet op ad væggen ved en fejltagelse, kunne det være, su selv kunne finde rundt i din kode"

Det er måske ikke ment særlig slemt, men i mit hovede kogede det lige en overgang - bare rolig, jeg er blevet glad igen, uden at flippe ud på nogen..

Det værste er at det er noget nyt jeg er begyndt at lave det med at skrive:
<td>
tekst
</td>

Du må egentlig ikke spørge hvorfor; jeg var egentlig godt tilfreds med den klassiske opstilling.. Men får nogle sære ideer en gang i mellem...
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:53 #46
Det er et "trick" jeg lærte for nogle år siden, som i IE gør at siden også bliver "centeret" vertikalt.. Kan godt være der er en bedre og mere sikker måde at gøre det på, så det ikke kan misforståes af andre browsere, men den har jeg altså ikke lært..
Desuden er det fra den gang, hvor man ikke "behøvede" at tage hensyn til andre browsere.. Så måtte folk lade være med at se ens side (som i øvrigt ofte også var røvgrim og uden nogen form for nyttig information)
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:55 #47
Tricket er den med en stor tabel på 100%x100% som resten af siden er inde i.. Som sagt virker det i IE...
Avatar billede pokejohn Nybegynder
25. april 2005 - 23:57 #48
Så de 100% er 100% af hele browser vinduets størrelse.. Altså en tabel som fylder hele vinduet...
Avatar billede olebole Juniormester
25. april 2005 - 23:58 #49
Hehe ... ja, undskyld - men jeg skriver ofte, hvad jeg tænker  :)

For din egen skyld bør du sætte din kode pænt op - med indrykninger und alles. Det gør den langt lettere at fejlfinde i - og på sigt at vedligeholde. Der kan faktisk ofte være forskel på:
  <td>
      en tekst</td>
- og:
  <td>
      en tekst
  </td>

Den sidste kan give nogle grimme overraskelser, da IE altid indsætter et blanktegn i slutningen af en linie. Luk derfor altid tabel-celler lige i r.... på indholdet  :)

Ja, jeg kan sagtens huske de dage ... men der er sket _meget_ indenfor webkodning siden  ;o)

Tabelceller og andre elementer opfører sig på flere punkter vidt forskelligt. Vi har i CSS endnu ikke fået en god måde at centrere vertikalt i andre elementer end tabelceller. Det kommer forhåbentligt  :o|
Avatar billede pokejohn Nybegynder
26. april 2005 - 00:07 #50
Jeg regner også meg snart at skulle til at genstudere HTML, CSS og PHP... Det er ca. 6 år siden at jeg rigtig arbejdede med det, og man bliver sgu helt overrasket over hvor lidt man kan huske... Jeg har nu haft mange gode timer, hvor jeg har fordybet mig med det, men når man kommer væk fra det i nogle år er det sgu svært at komme tilbage, for hvor hulen skal man starte.. Man kan lidt og så alligevel ikke rigtig noget. Det værste er at jeg er ved at lave et projekt som skal afleveres om en uge, så jeg har ikke tid til at sætte mig ind i alle de ting igen. Meget af det bliver noget værre noget, hvilket jeg ikke er særlig stolt af, men har desværre ikke den fornødne tid...

Det med at stille det pænt på har jeg ellers altid gjort noget ud af, for når man har en meget lang kode kan det sgu godt blive træls til sidst at skulle finde fejl i noget som ikke står ordentligt... Men åbenbart ikke længere.. :D Jeg må hellere sparke til mig selv, og lege lidt med det igen, når man en gang får noget ferie... :D

Du skal i hvert fald have tak, selvom jeg var lige ved at rive hovedet af dig (det er nu ikke din skyld), så hvis du lave et svar skal du få dine point... De virke lige pludslig ret fattige - sådanne skaldede 15 point, men troede at det var lidt mere lige til...
Avatar billede olebole Juniormester
26. april 2005 - 00:52 #51
Hehe ... du er langt fra den første, der er ved at bide hovedet af mig. Det er sjældent populært at skrive, hvad man tænker ... afhængig af ens tankemønster, that is  ;o)

I 60'erne - da jeg var knægt - var alle TV-apparater bestykket med radiorør. Når skidtet ikke virkede var det enten et af de 5-6 rør, højspændings- eller linie-transformatoren, der var stået af. Dengang kunne enhver bagersvend zq reparere et TV.

Teknologier har det med at udvikle sig - og når man tænker på, hvor spæde web-teknologierne egentlig er (WWW er kun 13år i år), er der vel ikke noget at sige til, tingene går hurtigt.

Point-antallet generer mig ikke det fjerneste. Man kan jo ikke rigtig bruge dem til noget - og jeg har så rigeligt i forvejen. Det er vigtigere, vi fik løst dit problem - og du fandt ud af, hvorfor der var fejl - og hvorfor webkodning ikke er helt så let mere  :)
Avatar billede olebole Juniormester
26. april 2005 - 00:57 #52
PS: Og hvis det nu lød som: "Du kan da rende mig i r.... med dine points", så var det absolut ikke meningen. Det var et - måske lidt kejtet - forsøg på at lyde ligeså tilfreds, som jeg er.
Antallet af points betyder ikke det store. At vi fik løst problemet på tilfredsstillende vis gør. Det var bare det, jeg prøvede at trykke ud  :)
Avatar billede pokejohn Nybegynder
26. april 2005 - 15:07 #53
Helt i orden.. Point er heller ikke noget jeg går voldsomt op i, men hvis nogen syntes det er sjovt at samle point ved at hjælpe eller at der går lidt sport i at få så mange point som muligt er det fint, men jeg tror jeg sagde det fordi jeg lige har givet 3x50 point for spørgesmål, som blev besvaret meget hurtigere... :D Så virker 15 point lige pludselig ikke så meget..

Og hvis du følte du brugte for meget tid i forhold til point kunne du jo også bare smutte. Sådan er det hele jo så dejlig frit :D Og jeg er også mest glad for at jeg bare kan komme videre med min side - videre til næste problem :S

PS. Nogen gange er folk også for nærtagende (hænder da selvfølgelig også for mig), og misforståelser sker tit i forummer og lignende.. De ting man skriver bliver ikke altid opfattet på den måde man tænkte da man skrev dem.. Sådan er det (desværre) bare med det skrevne medie! Så hvis man ikke kan klare lugten i bageriet... :D
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