/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Problemer med div+nested table layout i Fi~
Fra : Jahirah


Dato : 25-11-08 02:38

Hejsa,

Jeg sidder og roder med den side jeg arbejder på til min veninde.
Jeg er dog løbet ind i et problem som jeg vitterlig fatter
klaphat af! Måske I kan hjælpe mig med at fastslå hvad der er
kommet på tværs.

Sagen er den at jeg har en hovedbox - en div - men af én eller
anden årsag kan jeg ikke få NOGET som helst til at dukke op inde
i div'en når jeg render den i browseren lokalt.
Jeg har siddet med det i flere timer og har muligvis stirret mig
blind på noget, men jeg har ikke brugt nogen form for visability
eller z-index attributer som kan forstyrre display af min table -
så vidt jeg kan se :/

For at i har en chance for at se hvad der evt. kan være galt har
jeg postet den div som skaber problemer.
Selve div'en kan jeg godt f.eks. forhøje, og opnå synlige
ændringer i højden i browseren når jeg previewer den, men selve
tablen INDENI, som har en lyserød baggrund vil af en eller anden
årsag bare ikke dukke op i FireFox.

Det skal siges at jeg kan se tablen samt dens indhold FINT i både
Safari 2.0, IE 5.5, IE 6.0, IE 7.0 og Opera 9 - bare ikke FireFox
3.0 :(

----------------------------------------------
XHTML'en (er valideret)
----------------------------------------------

<div id="content">
                  
<!---- PIGE NAVNELISTE BEGYNDER HER ------>

<table class="girls_pinkbg" width="527" border="0"
cellspacing="0" cellpadding="0">
<tr>
<th colspan="7" class="girls_caption" scope="row">Piger</th>
</tr>
<tr valign="top">
<th scope="row"><img class="icons" height="30" width="30"
src="images/icon_01.png" /></th>
<th scope="row"><img class="icons" height="30" width="30"
src="images/icon_02.png" /></th>
<th scope="row" class="girls_names">Navn</th>
<th scope="row" class="girls_names">Navn</th>
<th scope="row" class="girls_names">Navn</th>
<th scope="row" class="girls_names">Navn</th>
</tr>
</table>

<!---- PIGE NAVNELISTE SLUTTER HER ------>

<div class="clear"></div>
</div>


----------------------------------------------
CSS'en
----------------------------------------------

..girls_pinkbg   {
   background-color:#FDC6D9;
}
..girls_caption   {
   font: 18px "arial narrow", verdana, sans-serif;
   color: #36382E;
   font-weight:bold;
   text-align:left;
   padding:5px 10px 5px 10px;   
}
..girls_names   {
   font: 11px arial, verdana, sans-serif;
   color: #36382E;
   text-align:left;
   padding:5px 10px 5px 10px;   
}
#content {
   width:528px;
   min-height:50px;
   margin:20px 13px 20px 13px;
   padding:5px;
}

----------------------------------------------
Et eller andet må jeg jo have gjort galt, og jeg har også i
desperation forsøgt at genstarte min computer da det før har
været årsag til "øj-bøj" i Dreamweavers performance.

Alle kommentarer eller input er mere end velkommen, er
efterhånden ved at være kørt lidt fast :/

//Jahirah

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Erik Ginnerskov (25-11-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 25-11-08 06:56

Jahirah wrote:
> Hejsa,
>
> Jeg sidder og roder med den side jeg arbejder på til min veninde.
> Jeg er dog løbet ind i et problem som jeg vitterlig fatter
> klaphat af! Måske I kan hjælpe mig med at fastslå hvad der er
> kommet på tværs.

Læg det på nettet og kom med et link til siden. Der er ikke nogen, der gider
sidde og fedte med at forsøge at rekonstruere dit problem ud fra nogle
stumper kode - fejlen kan sagtens ligge et helt andet sted.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk


Jahirah (25-11-2008)
Kommentar
Fra : Jahirah


Dato : 25-11-08 14:19

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:

> Læg det på nettet og kom med et link til siden. Der er ikke nogen, der gider
> sidde og fedte med at forsøge at rekonstruere dit problem ud fra nogle
> stumper kode - fejlen kan sagtens ligge et helt andet sted.

Her http://www.deternok.dk/test/galleri_index.html er den pågælende side som pt.
volder mig problemer.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Bertel Lund Hansen (25-11-2008)
Kommentar
Fra : Bertel Lund Hansen


Dato : 25-11-08 14:45

Jahirah skrev:

> Her http://www.deternok.dk/test/galleri_index.html er den pågælende side som pt.
> volder mig problemer.

Validatoren melder om 211 fejl heriblsndt problemer med doctypen.

   http://validator.w3.org/

Du forsøger at sætte en XHTML-type, men du affslutter ikke dine singletags.

Måske skulle du hellere bruge en HTML-doctype. Det anbefaler jeg:

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' ''>http://www.w3.org/TR/html4/strict.dtd'>

--
Bertel
http://bertel.lundhansen.dk/      FIDUSO: http://fiduso.dk/

Jahirah (25-11-2008)
Kommentar
Fra : Jahirah


Dato : 25-11-08 15:53

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:

> Validatoren melder om 211 fejl heriblsndt problemer med doctypen.
>
>    http://validator.w3.org/
>
> Du forsøger at sætte en XHTML-type, men du affslutter ikke dine singletags.
>
> Måske skulle du hellere bruge en HTML-doctype. Det anbefaler jeg:
>
> <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' ''>http://www.w3.org/TR/html4/strict.dtd'>

Nu skulle de fleste fejl være rettet. Der er 41 tilbage, men det er gennemgående den samme
"fejl" - at jeg har valgt at lave et "id" istedet for en "class" det et specifikt element som
den tilfældigvis mener ville være bedre at lave som class. Der er bare det problem at classes
vises forkert uanset hvilke værdier jeg synes at give den hvor id'et vises efter
foreskrifterne.

Anyways...

...det VIRKEDE! Ser det da ud til :) Mange tak for jeres input og påmindelser.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (25-11-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 25-11-08 16:03

Jahirah wrote:

> Nu skulle de fleste fejl være rettet. Der er 41 tilbage, men det er
> gennemgående den samme "fejl" - at jeg har valgt at lave et "id"
> istedet for en "class" det et specifikt element som den tilfældigvis
> mener ville være bedre at lave som class.

Forskellen på id og class er, at et id må kun bruges en gang på en side,
mens en class kan bruges et uendeligt antal gange.

Dertil kommer så, at ved overlappende definition vinder id over class - men
det er en detalje, man sjældent ramler ind i.

Skal en definition bruges mere end en gang på siden skal den med andre ord
defineres som en class.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk


Bertel Lund Hansen (25-11-2008)
Kommentar
Fra : Bertel Lund Hansen


Dato : 25-11-08 16:27

Jahirah skrev:

> Nu skulle de fleste fejl være rettet. Der er 41 tilbage, men det er gennemgående den samme
> "fejl" -

Det er skam en *fejl*.

> at jeg har valgt at lave et "id" istedet for en "class"

Der er ikke frit valg. Du *skal* bruge en class når den optræder
mere end ét sted inden for samme side.

> Der er bare det problem at classes vises forkert

Klasser vises ikke forkert. De vises som de er sat op.

> ..det VIRKEDE! Ser det da ud til :) Mange tak for jeres input og påmindelser.

Der er et par andre fejl. Kik i bunden af validatorsiden.

--
Bertel
http://bertel.lundhansen.dk/      FIDUSO: http://fiduso.dk/

Jahirah (26-11-2008)
Kommentar
Fra : Jahirah


Dato : 26-11-08 18:03

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:

> Der er et par andre fejl. Kik i bunden af validatorsiden.

De resterende fejl, er fejl jeg tror jeg kan leve med på siden da det ikke påvirker udseendet
eller funktion (så vidt jeg kan se) i en negativ retning. Øvelse gør mester...

Det du påpeger tror jeg er denne fejl:
"Error Line 260, Column 75: document type does not allow element "div" here."

Hvis du vil må du meget gerne forklare fejlen lidt nærmere da jeg ikke helt har forstået hvori
fejlen består og evt. rettes. Er det fordi den skal lukkes?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Kerim Ellentoft (26-11-2008)
Kommentar
Fra : Kerim Ellentoft


Dato : 26-11-08 18:47

Jahirah <jahirah@gmail.com> skrev :

>De resterende fejl, er fejl jeg tror jeg kan leve med på siden da det ikke påvirker udseendet
>eller funktion (så vidt jeg kan se) i en negativ retning. Øvelse gør mester...

Men du risikerer, at det betyder noget i en fremtidig
borowserversion, der ikke er så fejltolreant og de er da nemme at
rette.

>Hvis du vil må du meget gerne forklare fejlen lidt nærmere da jeg ikke helt har forstået hvori
>fejlen består og evt. rettes. Er det fordi den skal lukkes?

Du har en <div> efter
</body>
</html>

Det må der ikke være, det skal stå imellem <body> og </body>,
formentlig lige før </body>.
--
Kerim

Bertel Lund Hansen (26-11-2008)
Kommentar
Fra : Bertel Lund Hansen


Dato : 26-11-08 20:10

Jahirah skrev:

> De resterende fejl, er fejl jeg tror jeg kan leve med på siden da det ikke påvirker udseendet
> eller funktion (så vidt jeg kan se) i en negativ retning.

Du har allerede fået at vide hvordan du skal komme af med de
fejl. Lav en søg og erstat så "id" bliver til "class" ved "icon".
Du ander ikke hvilke browsere det får til at gå i spåner at du
misbruger id.

> Det du påpeger tror jeg er denne fejl:
> "Error Line 260, Column 75: document type does not allow element "div" here."

Der står noget tekst efter </html>. Det må der ikke.

--
Bertel
http://bertel.lundhansen.dk/      FIDUSO: http://fiduso.dk/

Jahirah (26-11-2008)
Kommentar
Fra : Jahirah


Dato : 26-11-08 20:28

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:

> Du har allerede fået at vide hvordan du skal komme af med de
> fejl. Lav en søg og erstat så "id" bliver til "class" ved "icon".
> Du ander ikke hvilke browsere det får til at gå i spåner at du
> misbruger id.

> Der står noget tekst efter </html>. Det må der ikke.

Det sidste havde jeg a underlige årsager slet ikke bemærket :/ Det er jo temmelig indlysende - jeg
er sikker på et er et resultat af at stirre sig blind på det... Tak for påmindelsen!

Mht. til misbrug af ID så KUNNE jeg ikke bare let og elefant udskrifte ID taggene med classes -
som jeg også forklarede var der problemer med visning af indholdet når det var en class, frem for
et ID... på trods af at de angivne CSS værdier syntes gode nok.
Istedet for at placere de 2 ikoner ved siden af hinanden, placerede den dem OVEN på hinanden,
hvilket var ubrugeligt.

Anyways... Efter at have brugt al for lang tid på at fikse det der i forvejen var dømt til at
fejle, rev jeg skidtet fra hinanden og lavede en anden opbygning af galleri_index.html - en der
virker, til en forandring xD

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Bertel Lund Hansen (27-11-2008)
Kommentar
Fra : Bertel Lund Hansen


Dato : 27-11-08 08:50

Jahirah skrev:

> Mht. til misbrug af ID så KUNNE jeg ikke bare let og elefant udskrifte ID taggene med classes -

Nej, det var jeg klar over, men det er håbløst at benytte et
dødfødt design og holde fast i det fordi det er besværligtat
rette. Du var blot en slags heldig at fejlene tilsammen gjorde at
det så pænt ud i din browser på dit system.

Naturligvis kunne klasserne sættes rigtigt op, og hvis du ville
gennemføre ændringen, kunne du have fået al mulig hjælp her i
gruppen til at få det løst.

> Anyways... Efter at have brugt al for lang tid på at fikse det der i forvejen var dømt til at
> fejle, rev jeg skidtet fra hinanden og lavede en anden opbygning af galleri_index.html - en der
> virker, til en forandring xD

Okay. Husk at bruge validatoren med jævne mellemrum så du ikke
løber ind i en monsterliste med fejl igen.

--
Bertel
http://bertel.lundhansen.dk/      FIDUSO: http://fiduso.dk/

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408924
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste