/ 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
Websiden hærget af "jordskælv"
Fra : Martin Nystrup Rasmu~


Dato : 25-06-02 14:38

Okay, så slemt er det ikke ;D - men strukturen på min hjemmeside
http://home19.inet.tele.dk/livetihavet/ bliver fuldstændig ødelagt, hvis jeg
vælger at gøre browser-vinduet mindre end "full-screen". Frustrerende! Jeg
har ikke brugt frames, men har forsøgt at dele billedet op i tre kolonner
vha. af følgende CSS-kode, som ligger i en separat fil:

#spalte1 { float: left;
width: 25%;

}

#spalte2 { float: left;
width: 50%;
}

#spalte3 { float: left;
width: 25%;
}

Det skal lige siges, at jeg først fornylig er begyndt på hjemmesidedesign
(jeg er lige gået i gang med CSS) - problemer er vel så uundgåelige. ;D

Layout'et er langt fra færdigt - det er faktisk bare en test.


Mvh.

Martin




 
 
Thomas Lindgaard (25-06-2002)
Kommentar
Fra : Thomas Lindgaard


Dato : 25-06-02 15:36

Davs

Du har i hvert fald glemt at lukke dit <title>-tag. Prøv at smide siden
gennem http://validator.w3.org - den er ret god til at finde de der "årh-
sgu-pokker-da-osse"-fejl :)

Mvh.
/Thomas

Jimmi Storgaard (25-06-2002)
Kommentar
Fra : Jimmi Storgaard


Dato : 25-06-02 17:16

Jeg kan se i din ret så pæne kode, at du bruger <div> til at inddele
spalterne. Det er derfor, at browseren kaster teksten neden under hinanden,
når du resizer vinduet. Hvis du bruger tabeller i stedet, kan browseren ikke
bare smide rundt med inddelingerne. Du kan stadigt bruge CSS til at definere
dine tabeller. Jeg har lavet en version til dig der virker med tabeller
(ikke CSS), hvor jeg bare har jeg bare indsat en tabel istedet for dine
<div>'s:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="author" content="Martin Nystrup Rasmussen">
<meta name="description" content="Om havets dyre- og planteliv med
systematik og kendetegn."
<meta name="keywords" content="biologi, natur, kyst, plante, dyr, alge,
systematik"

<title></title>

<!-- S T Y L E S H E E T / T Y P O G R A F I E R I N D L Æ S E S F R A S
T Y L E . C S S -->

<link type="text/css" rel="stylesheet" href="style.css">

</head>


<body>

<!-- Grafisk menu -->

<img id="menu1" src="Menu1.jpg" usemap="#menu" border=0 width="715"
height="121" alt="">

<map name="menu">

<area shape="rect" coords="60,100,159,76" href="dyreliv.html" alt="">
<area shape="rect" coords="222,100,325,76" href="planteliv.html" alt="">
<area shape="rect" coords="386,100,488,76" href="powerpoint.html" alt="">
<area shape="rect" coords="550,100,651,76" href="mailto:nystrup@adslhome.dk"
alt="">

</map>

<p class="signatur">© 2002 af <span class="fremhaev">Martin Nystrup
Rasmussen</span> ·
Opdateret den <span class="fremhaev">24-06-02</span> ·
Foto: Lasse Karlsson</p>


<table width="100%">
<tr>

<!-- S P A L T E 1 -->

<td width="25%" valign="top">

<br><br>

<p class="menupunkt">[ <a href="#Velkommen">Velkommen</a> ]

<p class="menutekst">Lidt om siderne

<hr class="menu" size="0"> <!-- V A N D R E T L I N I E -->



<p class="menupunkt">[ <a href="dyreliv.html">Havets dyreliv</a> ]

<p class="menutekst">Info om mange af havets almindeligt forekomne dyr

<hr class="menu" size="0"> <!-- V A N D R E T L I N I E -->


<p class="menupunkt">[ <a href="planteliv.html">Havets planteliv</a> ]

<p class="menutekst">Info om mange af havets almindeligt forekomne planter

<hr class="menu" size="0"> <!-- V A N D R E T L I N I E -->

</td>





<!-- S P A L T E 2 -->

<td width="50%" valign="top">

<hr color="#000099" size="0" width="100%" align="center"> <!-- V A N D R E T
L I N I E -->

<p>"<span class="fremhaev2">Forårssolen</span> sejrede i morgengryet. De grå
formationer af skyer, der før
lå som et tæppe over kysten, er hastigt på retræte østover. Solen har nu
endelig genvundet sin
styrke og sender sine varmende og livgivende stråler ud over det forfrosne
og vindomsuste land.
<br><br><br>

Kysten strækker sig så langt øjet rækker. Et smalt bælte af sand ud til
vandet ligger hen som en dug fra naturens side pyntet med kviste af
blæretang,
grene, sten og skaller. Den bagved stående, mandshøje rosenbusk og den tætte
fyrretræsskov holder vinden på afstand. Man fornemmer skoven. Dens mange
lugte blander sig med
havets i en sær, men skøn forening.<br><br><br>

Nærmest på magisk vis vågner naturen fra sin vinterdvale. Et par dykænder
kommer til syne langt ude til havs. Marsvinene er der også et sted - men
desværre viser de sig ikke i dag. Selv dér, hvor vandet dovent skyller hen
over
strandkantens sten og tangbuske, er der tegn på liv: små halvgennemsigtige,
rejelignende krebsdyr - mysider - og tanglopper futter hastigt omkring i det
lave vand.<br><br><br>

Solens stråler fanger en sølvskinnende flanke få meter ude. Den fredfyldte
stemning ændres brat, da vandoverfladen pludseligt brydes i et inferno af
skumsprøjt og vand. Den sølverne skabning løfter sig i samme nu fri fra
vandmasserne
- fastfrosset i luften for et kort øjeblik- før den igen under voldsom rusk
forenes med dens rette
element. En havørred er på jagt..."</p>


<p class="centrer"><img border="0" src="Fisk2.jpg" width="306" height="125"
alt="En havørred - havets sølvtøj"></p>

<p class="centrer"><font size="1">Foto: Niels Corfitz</font></p>

<hr color="#000099" size="0" width="100%" align="center"> <!-- V A N D R E T
L I N I E -->

<p id="Velkommen"><span class="fremhaev2">Velkommen</span> til <i>Under
havets
overflade</i> - en hjemmeside om havets dyre- og planteliv. Hjemmesiden -
foruden en Microsoft
PowerPointT præsentation - er egentlig et eksamensprojekt i kurset

<a href="http://www.mip.sdu.dk/~allans/am03/index.html"
target="_blank">AM03 - Introduktion til
informationsteknologi 2</a>

- et obligatorisk kursus på kombinations- uddannelsen
<i>Biologi-formidling</i> på

<a href="http://www.sdu.dk/" target="_blank">Syddansk Universitet
Odense</a>.
Læs <a href="#Opgave" target="main">hér</a> om opgaven, og om hvordan den er
løst.<br><br>

Indtil videre omhandler hjemmesiden kun systematikken for udvalgte grupper
af marine alger - det emne
jeg har valgt for eksamensopgaven i kurset AM03. Projektet stopper dog ikke
her. Jeg har planer om at
udbygge hjemmesiden med egentlige artikler og billeder med zoologi som
hovedtema. Med tiden håber jeg
så på, at hjemmesiden bliver et sted, hvor fiskere, lystfiskere, dykkere og
andre naturinteresserede
kan finde nyttig information om havets dyre- og planteliv.<br><br>

<hr color="#000099" size="0" width="100%" align="center"> <!-- V A N D R E T
L I N I E -->

<p id="Opgave"><span class="fremhaev2">Eksamensopgaven</span> i kurset AM03
går ud på at
lave en præsentation - vha. HTML og det grafikbaserede præsentationsprogram
Microsoft PowerPointT -
om et emne, der har relation til naturvidenskab eller teknik. Læs
<a href="http://www.mip.sdu.dk/~allans/am03/projekt/projekt.html"
target="_blank">hér</a> om krav til
opgavebesvarelsen.<br><br><br>

Til at begynde med valgte jeg et biologisk emne - havets dyre- og
planteliv - men det blev mig hurtigt
klart, at jeg ville komme til at gabe over for meget. Emnet blev indskrænket
til kun at omfatte
botanikken - alger i havet (marine). Jeg har valgt at fokusere på visse
udvalgte grupper af alger -
de større og almindeligt forekomne tangplanter - og kort beskrive deres
kendetegn og slægtsskab
(systematik/klassifikation) på hjemmesiden. Der suppleres med relevante
links til hjemmesider med
mere information og billeder om emnet.<br><br><br>

<i>Under havets overflade</i> er den formidlende del af
projektopgaven. Det er altså muligt at finde let forståelig
information om tangplanter på hjemmesiden. Den botanikinteresserede kan dog
finde
fagspecifikke informationer - de informationer er tydeligt markerede. Jeg
har
brugt søgemaskinen

<a href="http://www.google.com/" target="_blank">GoogleT</a>

til at finde materiale om emnet og har suppleret med den sjette udgave af
Peter H. Raven's bog
&quot;Biology of Plants&quot; og Marianne Køies og Aase Kristiansens
felthåndbog &quot;Havets dyr og
planter&quot; (Gads Forlag).<br><br><br>

Hjemmesiden har jeg designet ud fra anvisningerne i Jan B. Steffensens hæfte
&quot;Introduktion til HTML&quot; og med hjælp fra hjemmesiden <a
href="http://www.html.dk" target="_blank">
HTML.dk</a>. Desuden har jeg brugt tips fra Steve Raggett's hjemmeside
<a href="http://www.w3.org/MarkUp/Guide/" target="_blank">"Getting Started
With HTML"</a>.<br><br><br>

Hjemmesiden er opbygget omkring &quot;et skelet&quot; -
de såkaldte <i>frames</i>/rammer - som øger overskueligheden. For at gøre
hjemmesiden mere &quot;spiselig&quot; har jeg holdt mig til een bestemt
farvepalette, der understøtter forsidens stemningsbillede (tak til Lasse
Karlsson for at stille billedet til rådighed!).<br><br><br>

PowerPointT præsentationen skal understøtte et foredrag om den systematiske
gruppe Protister/
<i>Protista,</i>&nbsp; som alger tilhører. Dias-serien opremser de enkelte
algers
kendetegn - den ydre morfologi - og de karakterer, der ligger til grund for
placeringen i
systematikken. Præsentationen er altså rettet mod biologistuderende og
botanikinteresserede, og det forudsættes derfor, at
man har kendskab til plantebiologi og systematik

(læs <a
href="http://home19.inet.tele.dk/livetihavet/planteliv.html#systematik">hér<
/a>
om <span class="fremhaev">systematikken</span>).<br><br>

<p class="hojre">- Martin</p>

<p class="knap">
<img border="0" src="Pil2.gif" width="30" height="30" alt="">
[ <a href="index.html">Op</a> ]</p>


<hr color="#000099" size="0" width="100%" align="center"> <!-- V A N D R E T
L I N I E -->

<p class="signatur">© 2002 af <span class="fremhaev">Martin Nystrup
Rasmussen</span><br>
Reventlowsvej 31, st. · 5000 Odense C · Danmark<br>
Tel: +45 66 12 95 08 · e-mail: <a
href="mailto:nystrup@adslhome.dk">nystrup@adslhome.dk</a>
<br><br><br>

Vær opmærksom på, at materialet - både tekst og grafik - på
hjemmesiden <i>Under havets overflade</i> er omfattet af loven om ophavsret
og må kun benyttes
efter forudgående aftale med mig.</p>

<p>
<a id="billede2" href="http://jigsaw.w3.org/css-validator/">
<img style="border:0; width:88px; height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!">
</a>
</p>



</td>
<td width="25%">&nbsp;</td>
</tr></table>






<!-- Websiden opdeles via frames/rammer -->

<!--

<frameset cols="15%,*" framespacing="0" border="0" frameborder="0">
<noframes>

</noframes>
<frame src="menu.html" name="menu" frameborder="0" scrolling="no" noresize>

<frameset rows="28%,*">
<frame src="head.html" name="head" frameborder="0" scrolling="no"
noresize>
<frame src="main.html" name="main" scrolling="auto" noresize>

</frameset>
</frameset>

-->


</body>

</html>




Oscar Eg Gensmann (26-06-2002)
Kommentar
Fra : Oscar Eg Gensmann


Dato : 26-06-02 09:28

"Jimmi Storgaard" <jimmi@smart.as> wrote in message
news:afa4ti$pod$1@sunsite.dk...

Hejsa Jimmi

> Jeg kan se i din ret så pæne kode, at du bruger <div> til at inddele
> spalterne. Det er derfor, at browseren kaster teksten neden under
hinanden,
> når du resizer vinduet. Hvis du bruger tabeller i stedet, kan browseren
ikke
> bare smide rundt med inddelingerne. Du kan stadigt bruge CSS til at
definere
> dine tabeller. Jeg har lavet en version til dig der virker med tabeller
> (ikke CSS), hvor jeg bare har jeg bare indsat en tabel istedet for dine
> <div>'s:

Hvorfor dog i alverden begynde at bruge tabeller til at forhindre en
naturlig effekt der opstår ved at div boksene er for store til at blive vist
på en linie? Det er ikke en bug men en feature

Tabeller er primært beregnet til opdelingen af tabulær data, selvom de i
lang tid har været anvendt til layoutmæssige hacks. I dag er css layout
(tableless) metoden efterhånden så udbredt i de forskellige browsere at det
virke en smule dumt at begynde at anbefale teknikker (hacks) som ikke er
nødvendige og som er udviklet i en tid hvor alternativer ikke fandtes godt
nok endnu.

Mere teknisk info om tableless design fås på:

www.alistapart.com/stories/practicalcss
www.glish.com/css

Man kan sagtens undgå at div tags hopper ned under hinanden hvis man
virkelig ønsker det, og dermed få det samme låste design som ved tabeller.
Dette kan som regel klares ved at placere et div tag omkring hele siden og
så endten sætte denne til en fast pixel størrelse (låst design), eller en
procent sats og så sørge for at indeholdet af denne (siden) ikke er bredere
end sidens div box. 100% er desværre et begreb som er problematisk at
arbejde med i css, hvorfor 100% for det meste må betragtes som værende for
meget da browseren bryder på det.

Det kunne næsten også tænkes at årsagen til at Martin Nystrup Rasmussen har
lavet sin side uden brug af tabel tags er at han netop gerne vil undgå disse
da tableless design så småt er ved at vinde indpas rundt omkring, da folk
begynder at indse at koden bliver meget mere overskuelig, fylderm indre og i
sidste ende som regel nemmere at vedligeholde.

I Martins tilfælde skyldes problemet formodentlig at hans 3 kolonner til
sammen giver 100% (25+25+50). En løsning på dette burde være at fjerne en
eller et par %'er da man så kommer ned under de problematiske 100%.

Med Venlig Hilsen
Oscar Eg Gensmann



Michael Kjærgård (26-06-2002)
Kommentar
Fra : Michael Kjærgård


Dato : 26-06-02 09:51

"Oscar Eg Gensmann" skrev ...

> Det kunne næsten også tænkes at årsagen til at Martin Nystrup
> Rasmussen har lavet sin side uden brug af tabel tags er at han
> netop gerne vil undgå disse da tableless design så småt er ved
> at vinde indpas rundt omkring, da folk begynder at indse at
> koden bliver meget mere overskuelig, fylderm indre og i sidste
> ende som regel nemmere at vedligeholde.

Højst tænkeligt, ja, og i så fald en prisværdig bestræbelse.

> Man kan sagtens undgå at div tags hopper ned under hinanden hvis
> man virkelig ønsker det, og dermed få det samme låste design som
> ved tabeller.

Men jeg kan nu komme i tanker om mindst én god grund til
tabellayout - eller rettere: jeg kan ikke hitte ud af, hvordan man
med div'er kan positionere tekstblokke indbyrdes, så de ikke
flyder ind over hinanden, hvis man skalerer teksten op, se fx
www.randerscimbria.dk/test/omigen.htm, som jeg har kæmpet
en del med i et stykke tid nu.
Med en tabel ville det være ganske enkelt, men med div'er...?
Der er brugt px til positioneringen, og det bliver ikke meget
bedre, hvis jeg bruger em (som i font-size).

--
Med venlig hilsen
Michael Kjærgård



Oscar Eg Gensmann (26-06-2002)
Kommentar
Fra : Oscar Eg Gensmann


Dato : 26-06-02 10:10

"Michael Kjærgård" <michael.kjaergaard@imageSLET.DETTEdk> wrote in message
news:3d19807f$0$691$edfadb0f@dspool01.news.tele.dk...

Hejsa Michael

> Men jeg kan nu komme i tanker om mindst én god grund til
> tabellayout - eller rettere: jeg kan ikke hitte ud af, hvordan man
> med div'er kan positionere tekstblokke indbyrdes, så de ikke
> flyder ind over hinanden, hvis man skalerer teksten op, se fx
> www.randerscimbria.dk/test/omigen.htm, som jeg har kæmpet
> en del med i et stykke tid nu.
> Med en tabel ville det være ganske enkelt, men med div'er...?
> Der er brugt px til positioneringen, og det bliver ikke meget
> bedre, hvis jeg bruger em (som i font-size).

Har du overvejet at prøve at lave designet ved brug af float i stedet for
absolut positionering?

Årsagen til at teksten bliver gnidret ud i hinanden ved forstørrelsen
skyldes at dine bokse har et præcist defineret pixelmål og positionering og
som sådan derfor ikke tillader sig hverken at udvide sig eller flytte sig i
forhold til hinanden.

Hvis du i stedet benyttede float og % angivelser på boksenes størrelse, så
burde de kunne udvide sig og skubbe til hinanden når indholdet bliver
større.

En anden måske knap så smart løsning kunne muligvis være at sætte
overflow:auto (mener jeg det er) på alle dine divs med tekst. I de fleste
browsere ville dette betyde at dine bokse vil opføre sig som en slags iframe
i og med at det vil være muligt at scrolle i dem hvis indholdet fylder for
meget i forhold til størrelsen. Dette er dog taget ud fra hukommelsen så jeg
er ikke helt sikker på hvor bredt det er implementeret eller om det lige er
"auto" værdien du skal have fat i. Det er dog måske heller ikke den
smarteste løsning, men ville være et alternativ til de mennesker der ønsker
at overskrive font størrelsen med deres egen værdi.

Jeg håber det lykkes for dig.

De Bedste Hilsner
Oscar Eg Gensmann



Michael Kjærgård (26-06-2002)
Kommentar
Fra : Michael Kjærgård


Dato : 26-06-02 10:19

"Oscar Eg Gensmann" skrev ...

> Har du overvejet at prøve at lave designet ved brug af float
> i stedet for absolut positionering?

Mja, det jeg skulle bruge, ville i så fald være float:down, men
det er der jo ikke noget der hedder.
Overflow, som du også nævner, er vist ikke bredt understøttet.
Men det *må* kunne løses, så jeg tygger videre.

--
Med venlig hilsen
Michael Kjærgård



Oscar Eg Gensmann (26-06-2002)
Kommentar
Fra : Oscar Eg Gensmann


Dato : 26-06-02 11:31

"Michael Kjærgård" <michael.kjaergaard@imageSLET.DETTEdk> wrote in message
news:3d198714$0$675$edfadb0f@dspool01.news.tele.dk...

> Mja, det jeg skulle bruge, ville i så fald være float:down, men
> det er der jo ikke noget der hedder.
> Overflow, som du også nævner, er vist ikke bredt understøttet.
> Men det *må* kunne løses, så jeg tygger videre.

øhh ikke helt :)

Når du sætter float:left på en div boks så gør du det muligt at andre ting
kan flyde omkring den. Dvs du kan reelt flyde en række div bokse op således
at der står x antal bokse på den sammen "linie". På denen måde kan du
opbygge et layout der består af en række bokse der flyder omkring hinanden,
hvilket reelt er det der sker i størstedelen af alle designs (også det du
kæmper med). Ved at bygge hele designet op på denne måde burde du have
mulighed for at lade en boks skubbe til en anden hvis den vokser sig for
stor. Den kan vokse sig større ved at definere width i % satser i stedet for
pixels. Dvs man laver et flydende layout.

Jeg har desværre ikke tid lige nu til at prøve og lave et eksempel der
basere sig på dit layout men du kan se teknikken anvendt på disse sites:

http://www.alistapart.com/index.html
Her er font størrelsen godt nok angivet i pixels hvorfor du ikke kan ændre
den, de har så valgt at lave en javascript funktion til dette i stedet for
at undgå diverse problemer med em.

http://www.glish.com/css/
Masser af gode eksempler. Igen ingen mulighed for at resize fonten grundt
px, men muligheden for at benytte flydende størrelser på boksene burde åbne
op for dette uden de store problemer.

http://alistapart.com/stories/practicalcss/
Den grundlæggende teknik demonstreret

Med Venlig Hilsen
Oscar Eg Gensmann



Michael Kjærgård (26-06-2002)
Kommentar
Fra : Michael Kjærgård


Dato : 26-06-02 11:59

"Oscar Eg Gensmann" skrev ...

> [links m.m.]

Takker. Det skal nok lykkes en dag.

--
Med venlig hilsen
Michael Kjærgård



Jimmi Storgaard (26-06-2002)
Kommentar
Fra : Jimmi Storgaard


Dato : 26-06-02 19:08

> Hvorfor dog i alverden begynde at bruge tabeller til at forhindre en
> naturlig effekt der opstår ved at div boksene er for store til at blive
vist
> på en linie? Det er ikke en bug men en feature

Hvorfor i alverden skulle jeg dog _ikke_ det ? Det har mine kolleger og jeg
altid gjort i vores udviklingsprojekter, hvilket altid har virket
upåklageligt. Vi er da fuldstændigt kolde overfor dets oprindelige formål..
Martin kommer her med et problem han vil have løst. Jeg løser det for ham.
Hvis DU vil have problemet på en anden måde, jamen så giv dog dit bud på en
løsning istedet for at kaste mudder efter mig!

> Tabeller er primært beregnet til opdelingen af tabulær data, selvom de i
> lang tid har været anvendt til layoutmæssige hacks. I dag er css layout
> (tableless) metoden efterhånden så udbredt i de forskellige browsere at
det
> virke en smule dumt at begynde at anbefale teknikker (hacks) som ikke er
> nødvendige og som er udviklet i en tid hvor alternativer ikke fandtes godt
> nok endnu.

Du kalder det hacks, jeg kalder det at få løst et problem på en gennemprøvet
måde. Vi udviklere har forskellige måde at udvikle på. Du har muligvis
fundet en smart måde lige at opstille layout i HTML, tillykke med det. Jeg
har så andre måder at gøre ting på smart, og når jeg ser indlæg som ikke er
specielt smart, gider jeg ikke at belære folk med at deres råd virker:
"...en smule dumt...". Vi har alle vores fordomme over for forskellige
teknikker, nogle over for frames, og nogle overfor tabeller, åbenbart. Men
det får mig IKKE til at bruge eller anbefale andre teknikker, hvis det ikke
viser sig at holde 100% vand. Derfor bruger jeg tabeller til et alternativ
har skreget mig i hovedet, at det er bedre. Kald det konservativt - jeg
kalder det at stå inde for det jeg laver.

> Mere teknisk info om tableless design fås på:
>
> www.alistapart.com/stories/practicalcss
> www.glish.com/css

Det bliver en anden dag.

> Man kan sagtens undgå at div tags hopper ned under hinanden hvis man
> virkelig ønsker det, og dermed få det samme låste design som ved tabeller.
> Dette kan som regel klares ved at placere et div tag omkring hele siden og
> så endten sætte denne til en fast pixel størrelse (låst design), eller en
> procent sats og så sørge for at indeholdet af denne (siden) ikke er
bredere
> end sidens div box. 100% er desværre et begreb som er problematisk at
> arbejde med i css, hvorfor 100% for det meste må betragtes som værende for
> meget da browseren bryder på det.

Hvis tabeller er "hacks", hvad er så dette ?

> Det kunne næsten også tænkes at årsagen til at Martin Nystrup Rasmussen
har
> lavet sin side uden brug af tabel tags er at han netop gerne vil undgå
disse
> da tableless design så småt er ved at vinde indpas rundt omkring, da folk
> begynder at indse at koden bliver meget mere overskuelig, fylderm indre og
i
> sidste ende som regel nemmere at vedligeholde.

Det er muligt. Der var bare ikke sådan, jeg læste hans indlæg. Men først
siger du, at "tableless design" er så udbredt, at alt andet er "dumt", men
her siger du, at det er "så småt er ved at vinde indpas rundt omkring".
Måske ER det vitterligt bedre en tabeller, men jeg venter stadigt til jeg
får en "aha"-oplevelse. Vi kan jo ikke alle være lige så hurtige som dig.

> I Martins tilfælde skyldes problemet formodentlig at hans 3 kolonner til
> sammen giver 100% (25+25+50). En løsning på dette burde være at fjerne en
> eller et par %'er da man så kommer ned under de problematiske 100%.

Har du prøvet det ? Ellers synes jeg det er endnu mere "dumt" at give råd,
som måske slet ikke virker!

/Jimmi



Oscar Eg Gensmann (27-06-2002)
Kommentar
Fra : Oscar Eg Gensmann


Dato : 27-06-02 10:11

"Jimmi Storgaard" <jimmi@smart.as> wrote in message
news:afcvqd$fsu$1@sunsite.dk...

> Hvorfor i alverden skulle jeg dog _ikke_ det ? Det har mine kolleger og
jeg
> altid gjort i vores udviklingsprojekter, hvilket altid har virket
> upåklageligt. Vi er da fuldstændigt kolde overfor dets oprindelige
formål..
> Martin kommer her med et problem han vil have løst. Jeg løser det for ham.
> Hvis DU vil have problemet på en anden måde, jamen så giv dog dit bud på
en
> løsning istedet for at kaste mudder efter mig!

Rolig nu... Ingen grund til at fare i flint!

Hvis du læste mine indlæg ville du se at jeg både i det indlæg til dig og i
et seperat til Martin har givet ham en mulig forklaring på problemet.

Hvad angår det at kaste mudder så må det vist stå for egen regning. Det er
ikke noget jeg har interesse i hvorfor det må være din opfattelse af det jeg
skriver og dermed dit problem.

Hvad angår det med at dig og dine kollegaer er fuldstændig kolde over for
hvad de oprindelige formål er med en teknologi så kan jeg da kun konstatere
at jeg synes at det er en sørgelig udmelding at man som udvikler ikke
interessere sig for teknologiens formål. Netop med et sprog som HTML der er
et markup sprog, hvilket som du nok formodentlig ved er betyder at man
markere noget op og angiver en meta beskrivelse for hvilken type data det
er. Tabel elementerne i HTML er primært lavet til at fortælle at her kommer
noget tabulær data, således at det semantisk giver mening.

At browserne så tolker dette som at noget skal renderes på en visuel bestemt
måde gør det ikke specielt smart at benytte disse tags til at opnå denne
visualisering så længe at indholdet ikke svarer til tabulær data.
HTML er primært et beskrivelsessprog (markup) ikke et visualiserings sprog.
At det så tidligere har måtte være en nødvendighed at benytte det som dette
er en ting, men i min verden giver det ikke mening at fortsætte med det når
der i dag findes semantisk mere smarte alternativer.

> > Tabeller er primært beregnet til opdelingen af tabulær data, selvom de i
> > lang tid har været anvendt til layoutmæssige hacks. I dag er css layout
> > (tableless) metoden efterhånden så udbredt i de forskellige browsere at
> det
> > virke en smule dumt at begynde at anbefale teknikker (hacks) som ikke er
> > nødvendige og som er udviklet i en tid hvor alternativer ikke fandtes
godt
> > nok endnu.
>
> Du kalder det hacks, jeg kalder det at få løst et problem på en
gennemprøvet
> måde. Vi udviklere har forskellige måde at udvikle på. Du har muligvis
> fundet en smart måde lige at opstille layout i HTML, tillykke med det. Jeg
> har så andre måder at gøre ting på smart, og når jeg ser indlæg som ikke
er
> specielt smart, gider jeg ikke at belære folk med at deres råd virker:
> "...en smule dumt...".

Hvis jeg forstår dette her korrekt, så føler du dig stødt over at jeg
kommenterede dit indlæg ved at sige at jeg syndtes det var "en smule dumt"
at anbefale en teknik der både er gammeldags, så småt ved at blive sluset ud
og samtidig ville ødelægge det Martin tilsyneladende prøver på, nemlig at
lave et div baseret layout? Okay jeg tillader mig at omformulere det for at
undgå misforståelser om mudderkastning: "Jeg finder det knap så smart"

Hvis du føler det belærende kan det vel kun være fordi det stillede et eller
flere synspunkter til skue som du ikke havde tænkt over? Det kan der vel
ikke være noget negativt i, medmindre du betragter det at lære nye ting som
negativt?

Vi har alle vores fordomme over for forskellige
> teknikker, nogle over for frames, og nogle overfor tabeller, åbenbart. Men
> det får mig IKKE til at bruge eller anbefale andre teknikker, hvis det
ikke
> viser sig at holde 100% vand. Derfor bruger jeg tabeller til et alternativ
> har skreget mig i hovedet, at det er bedre. Kald det konservativt - jeg
> kalder det at stå inde for det jeg laver.

Hmmm.... okay nu gør du mig forvirret. Du fortæller mig at jeg er uhøflig
(belærende i negativ drejning) ved at kommentere dit indlæg om at bruge
tabeller og foreslår en anden teknik, samt en mulig løsning, samt levere
link til information om denne. Derefter fortæller du mig at du personligt
nægter at skifte udviklingsteknik medmindre nogen står og skriger det ind i
hovedet på dig og at denne teknik holder 100% vand. Ja undskyld min dumhed,
men betyder det så at jeg skal råbe det ind i hovedet på dig at tableless
layout er fremtiden (selvom det formodentlig fra din side vil blive opfattet
som mudderkastning), i stedet for bare at smide et par links hvor du selv
kan følge op og kigge på det?

Definer venligst "et alternativ har skreget mig i hovedet" i så fald du
ønsker at lade mig forstå hvad du mener fordi lige nu må jeg indrømmer at
jeg ikke formår at forstå dette.

Dernæst kan jeg kun undrer mig over hvordan du nogensinde kom til at arbejde
med tabel design hvis de teknikker du arbejder (eller skal erstatte en
tidligere) med skal være 100% vandtætte. Mig bekendt er det kun inden for
det seneste stykke tid at tabeller bliver understøttet nogenlunde ens i de
forskellige browsere, samt ikke skaber problemet med nesting osv?

Kald det at stå inde for hvad du laver, jeg kalder det at ignore udviklingen
og levere et produkt der står tilbage i forhold til de ting der er mulige og
som ikke drager fordel af de sidste par års enorme mængde viden der er
indsamlet på området.

> > Mere teknisk info om tableless design fås på:
> >
> > www.alistapart.com/stories/practicalcss
> > www.glish.com/css
>
> Det bliver en anden dag.

Det var så her det ville være klædeligt hvis du havde brugt et par min på at
se hvad det egentlig handlede om inden du begyndte at snakke om alternativer
og 100% vandtæt.

> > Man kan sagtens undgå at div tags hopper ned under hinanden hvis man
> > virkelig ønsker det, og dermed få det samme låste design som ved
tabeller.
> > Dette kan som regel klares ved at placere et div tag omkring hele siden
og
> > så endten sætte denne til en fast pixel størrelse (låst design), eller
en
> > procent sats og så sørge for at indeholdet af denne (siden) ikke er
> bredere
> > end sidens div box. 100% er desværre et begreb som er problematisk at
> > arbejde med i css, hvorfor 100% for det meste må betragtes som værende
for
> > meget da browseren bryder på det.
>
> Hvis tabeller er "hacks", hvad er så dette ?

Jeg har svært ved at gennemsklue om dette er noget du skriver for at forsøge
at finde noget negativt, eller om det reelt er et spørgsmål baseret på
interesse for et svar. Jeg vælger at antage det sidste da det første reelt
er uinteressant i så fald det er tilfældet.

Tabeller kan betegnes som hacks da de som allerede tidligere nævnt er
udviklet til at præsentere tabulær data, men grundet et manglende
alternativer til at lave "grid layouts" begyndte nogle kloge hoveder at
udnytte dem til dette formål da den visuelle struktur mindede om grid
layouts. Det tog fart og blev en populær måde at opnå denne type layout på
og den almindelige opfattelse af tabeller blandt udviklere er i dag i stor
grad at det er det man bruger til at designe med. Man må derfor betegne
tabel layouts som et hack der er gået hen og blevet så defacto standard at
de fleste i dag ikke kender oprindelsen af teknikken.

For at kompensere for manglende alternativer til grid layouts samt at give
mulighed for bedre adskillelse af præsentation og indhold (data) blev CSS
udviklet af w3c som en partner til HTML. Det virker umiddelbart logisk at et
strukturerings sprog også skal have et sprog der kan fortælle hvordan
struktureringen skal vises visuelt. Efter en årrække hvor brugen CSS har
været plaget af dårlige browser implementeringer er vi nu efterhånden kommet
til et tidspunkt hvor 95%+ af browserne på markedet understøtter CSS i en
sådan grad at det ikke bare er et alternativ til tabel designs, men derimod
en væsentlig forbedring af tilgængelighed på siderne, bedre adskillelses af
semantik og visualisering, større bagudkompabilitet, samt som regel giver
mindre kode der skal sendes frem og tilbage.

At jeg skriver at der kan være problemer med 100% opfattelsen i visse
browsere, kan vist ikke betegnes som et hack, hvis du går ud fra
beskrivelsen ovenover. Årsagen til 100% problemet er at width ifølge de
officielle specifikationer angiver bredden på indholdet. Dvs angiver du en
samlet bredde på 100% på indholdet så risikerer du at bruger- og
systemdefinerede marginer, padding og lignende bliver lagt oveni, hvorfor du
kan ende med f.eks width 110%, hvis man ikke tænker sig om.

> Det er muligt. Der var bare ikke sådan, jeg læste hans indlæg. Men først
> siger du, at "tableless design" er så udbredt, at alt andet er "dumt", men
> her siger du, at det er "så småt er ved at vinde indpas rundt omkring".
> Måske ER det vitterligt bedre en tabeller, men jeg venter stadigt til jeg
> får en "aha"-oplevelse. Vi kan jo ikke alle være lige så hurtige som dig.

Igen tror jeg du trigger forkert på ordet dumt, hvilket jeg beklager hvis
det er den måder du opfatter det på. Derudover tror jeg du har læst lidt
forkert. ;) - svjh så skrev jeg at tableless design metoden er udbredt (læs:
mulig) i de fleste browsere. Derudover skrev jeg at jeg fandt det lidt dumt
(læs: knap så smart) at anbefale teknikker der reelt gør hans design mere
bloated fordi han nu en gnag har lavet et css baseret layout, hvorfor så
anbefale ham at skifte tilbage til en gammel teknik?

> > I Martins tilfælde skyldes problemet formodentlig at hans 3 kolonner til
> > sammen giver 100% (25+25+50). En løsning på dette burde være at fjerne
en
> > eller et par %'er da man så kommer ned under de problematiske 100%.
>
> Har du prøvet det ? Ellers synes jeg det er endnu mere "dumt" at give råd,
> som måske slet ikke virker!

Læs venligst mit andet indlæg til Martin. Derudover finder jeg det som en
ganske interessant holdning at der et forbudt at give forslag uden at man
selv har udført eksperimentet og konstateret at det virker. Som jeg ser på
det så har jeg givet Martin et forslag til noget der muligvis virker. Han
kan så afprøve det og virker det ikke så kan han tænke: "Øv ham Oscar ved
ikke hvad han taler om, jeg prøver noget andet". Virker det derimod så har
han fået løst sit problem.

Jeg kunne selvfølgelig også som du mener jeg burde gøre bare holde min mund
og mit forslag for mig selv indtil jeg fandt tid til at lave en hjemmetest
og Martin ville så skulle vente eller muligvis undvære det da det ikke er
alle der lige har tid til at sidde og sætte test scenarioer op for hvert
eneste spørgsmål man modtager.

Jeg ved godt hvad jeg ville foretrække hvis jeg var Martin!

Jeg har intet problem med at fortælle at nej jeg har ikke prøvet det
nøjagtig på Martins kode, men jeg har så tilgængæld haft nogenlunde samme
problem et utal af gange igennem tiden i forbindelse med både mere og mindre
komplekse UI's. Jeg tillod mig derfor at dele noget erfaring med Martin i
håb om at han kunne bruge dette til noget.

Jeg er ked af at sige det men dit indlæg virker mest af alt som et udtryk
for at du er blevet sur da du læste mit indlæg og følte dig personligt
krænket, hvorefter du har sat dig for at finde på så meget som muligt som du
kunne vende og dreje således at det muligvis kunne få stillet mig i dårligt
lys (læs: flame bait). Er dette ikke tilfældet så beklager jeg meget denne
påstand, men umiddelbart virker det således.

Yderligere henvendelse angående dette kan ske til mig privat via email for
at holde en OT debat væk fra de relle emner i denne gruppe.

Med Venlig Hilsen
Oscar Eg Gensmann



Jimmi Storgaard (27-06-2002)
Kommentar
Fra : Jimmi Storgaard


Dato : 27-06-02 11:19

....i en mail.

--
/Jimmi




Jens Tønnesen (29-06-2002)
Kommentar
Fra : Jens Tønnesen


Dato : 29-06-02 18:52

"Oscar Eg Gensmann" <Oscar@Gensmann.com> skrev den 27 Jun 2002
10:11:00 +0100 i dk.edb.internet.webdesign.html:

>tableless design metoden er udbredt (læs:
>mulig) i de fleste browsere

Det lyder meget interessant. De sider, som jeg skal vedligeholde, skal
desværre bl.a. ses af en masse Mac-brugere (ca. 25% af de besøgende),
hvoraf nogle stadig bruger Netscape 4.

Er der en oversigt et eller andet sted på Nettet, der viser, vilke
browsere på hvilke platforme, der understøtter 'tableless design' med
CCS-metoden.

Kræver det f.eks. at browseren understøter CSS 2?

--
Jens Tønnesen - http://www.pressefoto.dk

Oscar Eg Gensmann (01-07-2002)
Kommentar
Fra : Oscar Eg Gensmann


Dato : 01-07-02 09:11

"Jens Tønnesen" <nospam2002-01@pressefoto.dk> wrote in message
news:8osrhug05o93ldtho05jhfp9s6i8sodi3o@4ax.com...

> Er der en oversigt et eller andet sted på Nettet, der viser, vilke
> browsere på hvilke platforme, der understøtter 'tableless design' med
> CCS-metoden.


Hejsa Jens

Som sådan er jeg ikek bekendt med nogen desideret chart i den karakter. Det
skyldes nok primært at tableless design er et begreb der dækker over flere
teknikker, der dog har det til fælles at de undgår at bruge tabeller til
selve layout konstruktionen. Det kan f.eks være absolut positionering vha
css eller float.

Min primære foretrukne teknik er floating, da denne med lidt omtanke kan
komme til at virke i IE 4.0, dog er de fleste af disse teknikekr begrænsede
på en sådan måde at NS 4.x desværre i de fleste tilfælde aldrig komemr til
at forstå dem. Dette skyldes primært den manglende implementering af rigtig
CSS i ns 4.x browserne.

Hvad angår mac, så burde det ikke være det store problem at få en ordenlig
support i diverse mac browsere.

Det skal dog siges med det samme at det afhænger meget af det layouts
struktur som man ønsker at bygge hvor besværligt eller hvor nemt det bliver
i forhold til tabel baseret design. Det er desværre nogle strukturer som kan
være vandskelige at opnå med tableless design, grundet den årsag at div
bokse og lignende ikke direkte kan påvirke hinanden på samme måde som f.eks
en tabel hvor hvis 1 tabel celle strækkes så strækkes de andre tilsvarende.
Dette kan både være en fordel og en ulempe, alt efter hvad man bygger.

Hvis du er interesseret i at finde ud af om tableless design er noget for
dig, er mit bedste bud næsten at besøge nogle af de links jeg har postet til
Martin i denne her tråd. Især arkivet på A List Apart indeholder en masse
værdifuld læsning, både af den mere teoretiske grad, men også praktiske
eksempler.

www.alistapart.com/stories
www.glish.com/css

Det burde også være muligt at finde noget mere materiale via google.

> Kræver det f.eks. at browseren understøter CSS 2?

CSS 2 vil formodentlig være at foretrække afhængig af kompleksiteten, men
rent teoretisk er det eneste der kræves af mere advancerede funktioner
understøttelse af float:left og clear:both, der dog begge er en del af CSS1.
Med disse to egenskaber er det muligt at flyde div bokse omkring hinanden og
breake flowet når man vil begynde på en "ny linie"

Du kan se eksempler på dette på www.alistapart.com/stories/practicalcss

God Fornøjelse.
Oscar Eg Gensmann




Oscar Eg Gensmann (26-06-2002)
Kommentar
Fra : Oscar Eg Gensmann


Dato : 26-06-02 09:52

"Martin Nystrup Rasmussen" <martinnr@mail.dk> wrote in message
news:3d187421$0$1531$edfadb0f@dspool01.news.tele.dk...

Hejsa Martin :)

> Okay, så slemt er det ikke ;D - men strukturen på min hjemmeside
> http://home19.inet.tele.dk/livetihavet/ bliver fuldstændig ødelagt, hvis
jeg
> vælger at gøre browser-vinduet mindre end "full-screen". Frustrerende! Jeg
> har ikke brugt frames, men har forsøgt at dele billedet op i tre kolonner
> vha. af følgende CSS-kode, som ligger i en separat fil:
>
> #spalte1 { float: left;
> width: 25%;
>
> }
>
> #spalte2 { float: left;
> width: 50%;
> }
>
> #spalte3 { float: left;
> width: 25%;
> }
>

Hovedårsagen til at skidtet hopper er formodentlig som jeg også beskrev i et
svar til Jimmi at din samelde sidebredde når op på 100%. Dette er
problematisk for mange browsere at forstå og det er op til konstant debat
når man begynder at snakke browserimplementering af CSS.

Årsagen til dette skyldes primært forskellige implementeringer af css box
modellen. Den rigtige officielle (w3c's) opfattelse af width propertien i
css er at den angiver bredden på indholdet i selve boksen (content) og ikke
hele boksens absolutte bredde. Dvs har du en boks med width 100px og en
margin på hver side på 5px så er den samlede bredde på boksen 110px. Dette
er selvfølgelig kun gældende i de situationer hvor browseren implemtere boks
modellen fra w3c rigtig, hvilket igen afhænger af om du definerer en valid
doctype og dermed sender browseren i standard mode, eller du gør det
modsatte og sender den i quirk mode.

Mere om det at flytte til w3c compliant kode her:
http://www.hut.fi/u/hsivonen/standards.html

Mere om Doctype definationen:
http://www.alistapart.com/stories/doctype

Du kan eventuelt finde lidt hjælp til at lave spalte design på denne side:
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

God fornøjelse!

De Bedste Hilsner
Oscar Eg Gensmann



Martin Nystrup Rasmu~ (27-06-2002)
Kommentar
Fra : Martin Nystrup Rasmu~


Dato : 27-06-02 19:43

Ov, det blev en da en længere - men givtig - smøre. ;D Jeg afprøver de
foreslåede løsninger.

For ikke så længe siden fik jeg pløjet mig igennem "Introduktion til HTML"
af Jan B. Steffensen - et sted skulle man jo begynde. Men det blev mig
hurtigt klart, at det var noget omstændeligt at skulle definere skrifttyper,
farver for paragraffer mv. igen og igen. Med CSS er det noget nemmere at
vedligeholde og opbygge en hjemmeside med et ensartet udseende - og arbejdet
med hjemmesiden er dermed blevet langt sjovere! Så det var vel en ganske
naturlig følge, at jeg ville forsøge at lave spalter med CSS fremfor med
tabeller - jeg havde også det indtryk, at HTML var lidt gammeldags.

For mig handler det om, at lave hjemmesiden på en sådan måde, at flest
mennesker kan se den uanset browser-valg - og så skal det selvfølgelig være
en fornøjelse at arbejde med siden. Altså mindst mulig kode-forvirring.


Mvh.

--
Martin Nystrup Rasmussen
Læs om havets dyre- og planteliv på http://home19.inet.tele.dk/livetihavet/
Tag på ture i naturen med Naturnet.dk => http://www.naturnet.dk/



Oscar Eg Gensmann (28-06-2002)
Kommentar
Fra : Oscar Eg Gensmann


Dato : 28-06-02 08:59

"Martin Nystrup Rasmussen" <martinnr@mail.dk> wrote in message
news:3d1b5eb5$0$198$edfadb0f@dspool01.news.tele.dk...

> For mig handler det om, at lave hjemmesiden på en sådan måde, at flest
> mennesker kan se den uanset browser-valg - og så skal det selvfølgelig
være
> en fornøjelse at arbejde med siden. Altså mindst mulig kode-forvirring.


Hejsa Martin

Ud fra dine bevæg grunde så kunne noget tyde på at du har gjort det rigtige
valg :)

Jeg smidder lige lidt flere links til dig i tilfælde af at du ikke skulle
have set dem før. Det kunne jo godt være du kunne få noget ud af dem i
forbindelse med din viderefærd i mark-up og style sprogenes verden. :)

http://www.alistapart.com/stories/betterliving
Lidt om XHTML og dets fordele

http://www.alistapart.com/stories/n4switch/
En bagudkompatible style skifter

http://www.alistapart.com/stories/netscape/
Lidt om Netscape :)

http://www.alistapart.com/stories/succeed/
Lidt om URL's

http://www.alistapart.com/stories/circlejerk/
Lidt of topic men rigtig fornuftig læsestof :)

http://www.alistapart.com/stories/journey/
Klassisk historie når det kommer til at skifte fra browserhacks til standard
compliant kode.

http://www.alistapart.com/stories/fear/index.html
http://www.alistapart.com/stories/fear2/index.html
http://www.alistapart.com/stories/fear3/index.html
http://www.alistapart.com/stories/fear4/
Lidt god læsning omkring Style Sheets

Generelt finder du ret meget interessant læsestof om webudvikling og dets
lige på følgende sites:

www.alistapart.com
www.zeldman.com
www.bluerobot.com
http://www.thenoodleincident.com/tutorials/box_lesson/index.html

Så burde der være lidt hyggelæsning til de næste par dage såfremt du ikke
skulle kende til disse :)

God fornøjelse!
De Bedste Hilsner
Oscar Eg Gensmann



Jesper Brunholm (28-06-2002)
Kommentar
Fra : Jesper Brunholm


Dato : 28-06-02 10:10

Martin Nystrup Rasmussen wrote:
> Ov, det blev en da en længere - men givtig - smøre. ;D Jeg afprøver de
> foreslåede løsninger.
>
> For ikke så længe siden fik jeg pløjet mig igennem "Introduktion til HTML"
> af Jan B. Steffensen - et sted skulle man jo begynde. Men det blev mig
> hurtigt klart, at det var noget omstændeligt at skulle definere skrifttyper,
> farver for paragraffer mv. igen og igen. Med CSS er det noget nemmere at
> vedligeholde og opbygge en hjemmeside med et ensartet udseende - og arbejdet
> med hjemmesiden er dermed blevet langt sjovere! Så det var vel en ganske
> naturlig følge, at jeg ville forsøge at lave spalter med CSS fremfor med
> tabeller - jeg havde også det indtryk, at HTML var lidt gammeldags.

Jeps - det er en naturlig følge af at læse om _principperne_ for hvordan
webdesign _burde_ være - men jeg vil stadig fastholde at hvis man skal
lave et design som ser rimeligt ens ud cross-browser så er vi
opgraderingsmæssigt for tidligt ude til at skippe tabellerne. (Selv
explorer 4, 5 og 5.5 er mig bekendt ikke enige om CSS-positionering af
text-bokse)

Der er simpelt hen for mange ting som man skal bruge for mange timer med
at få til at se fornuftigt ud, og som tager 10 minutter at få til at stå
perfekt i tabeller.

Jeg mener i øvrigt ikke at HTML er gammeldags, men det er rigtigt at det
er forældet at angive alignment, tekstfarver osv med html-tags, det skal
ligge i CSS'en.

mvh

Jesper Brunholm
--
Phønix - dansk folk-musik fra unge musikere - http://www.phonixfolk.dk


Oscar Eg Gensmann (01-07-2002)
Kommentar
Fra : Oscar Eg Gensmann


Dato : 01-07-02 09:29

"Jesper Brunholm" <nospam@brunholm-scharff.dk> wrote in message
news:3D1C27EC.10105@brunholm-scharff.dk...

> Jeps - det er en naturlig følge af at læse om _principperne_ for hvordan
> webdesign _burde_ være - men jeg vil stadig fastholde at hvis man skal
> lave et design som ser rimeligt ens ud cross-browser så er vi
> opgraderingsmæssigt for tidligt ude til at skippe tabellerne. (Selv
> explorer 4, 5 og 5.5 er mig bekendt ikke enige om CSS-positionering af
> text-bokse)

Jeg går ud fra at du her tænker på absolut positionering? Som jeg har
skrevet et par gange og henvist til med tidligere links, så er absolut
positionering ikke et must for at undgå at benytte tabeller i en
layoutstruktur. Til dette kræves faktisk kun 2 CSS1 properties, nemlig
float:left|right samt clear:both.

Disse er relativ positionering, hvorfor det IMHO fint er muligt at lave
flydende strukturer alla tabel design uden de problemer der kan være ved
absolut positionering.

Disse teknikker har jeg p.t. fået til at virke i IE 4.0+, NS 6.2+, Moz 1,
Opera 6+. Det er desværre svært at opnå understøttelse i NS 4.x såfremt man
ønsker bare en minimal form for kompleksitet, men på den anden side, der kan
man så bare slå stylesheetet fra og så er det meste tilgængelig i tekst form
(forudsat man har gjort det rigtig), hvis man ønsker dette. Noget der er
knap så ligetil såfremt man vha. tabeller i selve indholdet forsøger at
placere tingene, hvor man ligeledes ofte må have noget snifferi til at
kompensere for nogle af NS 4.x generationens tabel problemer.

http://www.richinstyle.com/bugs/netscape4.html

> Der er simpelt hen for mange ting som man skal bruge for mange timer med
> at få til at se fornuftigt ud, og som tager 10 minutter at få til at stå
> perfekt i tabeller.

Det afhænger vel mest af hvor meget man har sat sig ind i tingene (no
offence intended) Jeg syndtes også tabel design var enormt svært da jeg
begyndte at lege med det første gang for en hel del år siden. Min erfaring
siger mig at jo mere man prøver jo nemmere får man det med at undgå nogle af
de ting som kan give problemer senere hen i design fasen, således at
problematiske strukturer osv, ofte kan blive luget ud ved sketch produktion
i stedet for til sidst når koden produceres.

> Jeg mener i øvrigt ikke at HTML er gammeldags, men det er rigtigt at det
> er forældet at angive alignment, tekstfarver osv med html-tags, det skal
> ligge i CSS'en.

HTML som sådan er på ingen måde gammeldags. Det er bare et sprog der grundet
manglende alternativer igennem tiden har måtte ændre karakter fra hvad det
først var planlagt til (mark-up) til noget som det ikke helt fungerede så
godt til (visuel præsentation), for så igen at forsøge at luge ud i nogle af
de grimrianner af ting der har sneget sig ind (font tags, farver og andet
skidt). Hvilket i dag betyder at næste generation af HTML hedder XHTML og er
væsentlig mere syntax striks end tidligere eftersom man har lært af
tidligere tiders fejltagelser, samt at visuel præsentation nu er adskilt i
et seperat lag, nemlig CSS.

De Bedste Hilsner
Oscar Eg Gensmann



Søg
Reklame
Statistik
Spørgsmål : 177527
Tips : 31968
Nyheder : 719565
Indlæg : 6408693
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste