Avatar billede manon Nybegynder
18. juli 2003 - 08:09 Der er 7 kommentarer og
1 løsning

Skal koden på et LAYER se sådan ud og hvorfor er det i <div>

Hej E


Jeg sidder her og roder med lidt tekst-LAYER i min Dreamweaver 4.0 og egentlig burde det jo være ret nemt med DW og oprette/lave LAYERS, men så kommer jeg til at tænke på nogle ting som jeg håber i kan svare på:


1.
Hvorfor er nedenstående LAYER (lavet i DW 4.0) sat ind som <DIV> og ikke som <span> eller <layer id="Layer1"> eller <ilayer id="iLayer1"> ? Hvad er forskellen på de 4?

2.
Hvordan kan jeg sikre mig, at nedenstående kode også virker i alle browsere, dvs. den er cross-browser kompatibel?
Er der noget der skal skrive anderledes så NS og Opera kan se den?

3.

Jeg vil gerne bruge en <div style="overflow:auto; height:250px;"><font color="#FFFFFF"> inde i mit LAYER - er det smart eller noget være rod? Eller kan det gøres på en smartere måde?



<div id="Layer1" style="position:absolute; left:187px; top:213px; width:501px; height:252px; z-index:1; visibility:visible">
<table width="440" border="0" cellspacing="0" cellpadding="0" class="text" height="238">
<tr>
<td align="left" valign="top">
<div style="overflow:auto; height:250px;"><font color="#FFFFFF"> test
test test test test test test test test test test test test test test
test test test test test test test test test test test test test<br>
<br>
<br>
test test<br>
test test test test<br>
<br>
<br>
test test test test <br>
<br>
test test test test <br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
test test test test test </font></div>
</td>
</tr>
</table>
<div align="center"></div>
<div align="center"></div>
</div>



På forhånd tak for hjælpen.
vh\Michael
Avatar billede manon Nybegynder
18. juli 2003 - 08:11 #1
PS:

Kan overstående kombineres med en CSS fil?
<link rel="stylesheet" href="design.css">
Avatar billede cdc Novice
18. juli 2003 - 08:37 #2
span er ikke et layer, ilayer er netscapes gamle betegnelse for iframe, div er et layer som du kan positionere osv.
test din kode her: http://www.html.dk/tutorials/css/lektion16.asp så skulle den virke stort set alle steder.
og vedr. din owerflow er der ikke noget rod i det
Avatar billede roenving Novice
18. juli 2003 - 13:56 #3
For lige at tage dem systematisk (og supplere /cdc ,-)

1. Netscape opfandt til deres v4-browser layer-begrebet og kaldte dem <layer>, der kom også en frame-agtig ting til, som kunne placeres inde i det almindelige dokument-flow, den kaldte de så <ilayer> ...

-- Da så M$ skulle forholde sig til det fandt de nogle andre at blive enige med og w3c (WorldWideWeb-Consortium) har så anerkendt layer-begrebet med tagget <div>, så hvis man både skal dække NS4 og IE4+/NS6+/Opera osv. skal man lægge en <layer> inde i en <div> -- en ting jeg ikke selv gør, men får jeg fat i et stykke kode, hvor det er gjort understøtter jeg selvfølgelig dette ...

Layers er block-level elementer, dvs. de optræder som en helt selvstændig blok inde i dokumentet, nærmest ligesom når du i en tekstbehandler bruger enter/newline til at komme ned på næste linje i modsætning til en <span>, som bedst kan sammenlignes med at du markerer 3 ord, og derefter trykker på Fed -- det er et inline-element !-)

-- Inner frames blev så i w3c-implementeringen til <iframes> -- i princippet har de jo heller ikke ret meget med layers at gøre, da de jo repræsenterer selvstændige vinduer med deres egen html-side indeni ...

2. Umiddelbart har du ihvertfald een ting, som ikke vil virke (slet ikke ens ihvertfald), nemlig height på et <table>-tag -- den understøttes ikke i html-4.01-standarden, men man må godt med css, så <table style="height:238px"> er lovlig, men <table height="238"> er ulovlig, hvilket både Netscape og Opera tager en hel del mere alvorligt end IE.

-- Iøvrigt kan du kun prøve dig frem, og hvis du vil have de bedste betingelser for at skabe kode, som vises ens, skal du tvinge IE til at fortolke koden efter standarderne ved at sætte denne ind:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

-- ellers har Internet Explorer en masse algoritmer, hvor den forsøger at gætte hvad du egentlig ville -- oftest med et ganske pænt resultat, men ikke hensigtsmæssigt ved cross-browser-udvikling !o]

3. <font> er deprecated, og du vil få samme resultat ved at:

<div style="overflow:auto; height:250px;color:#FFFFFF;"> -- bare med den fordel, at din font-farve-definition så følger <div>'en

hth
jes
Avatar billede manon Nybegynder
18. juli 2003 - 16:19 #4
roenving >>

Tak for de gode svar :-)

Mht. til nr. 2 så er det et godt tip, og nr. 3 er bare roderi fra min side af - jeg har faktisk slettet font farven og bruger kun css.

Mvh\Michael
Avatar billede manon Nybegynder
20. juli 2003 - 23:44 #5
roenving >>

svarer du så jeg kan lukke spm?
Avatar billede roenving Novice
20. juli 2003 - 23:55 #6
oki '-)

-- skulle /cdc ikke også have nogle points ?-)
Avatar billede manon Nybegynder
21. juli 2003 - 00:11 #7
CDC > Så må der gerne svares ........
Avatar billede roenving Novice
05. september 2003 - 06:48 #8
-- tak for points ;~}
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