/ 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
Browsere og layout med css
Fra : susanne riber christ~


Dato : 08-06-03 14:54

Jeg vil høre om der er nogen der sidder inde med guldkornene mht.
at bygge design op om css, dvs. ingen brug af tabeller. Det er et
must fra mit undervisningssted, at vi ikke bruger tabeller.

Jeg synes også at det er en smart, hvis bare ikke det ser så
forskelligt ud i diverse browsere. Når jeg fx tilpasser det til
IE, ser det helt forkert ud i Opera og K-Meleon, og omvendt, suk!

Jeg har efterhånden prøvet alt muligt, men der er ikke noget der
hjælper. Så prøvede jeg at kopiere en side fra 3W', men det ser
stadigvæk ikke godt ud i alle browsere på en gang.

Hvis der er nogen, der kan sige mig hvordan man løser dette
problem, så er det yderst velkommet.

Kilden er denne:

<!DOCTYPE html PUBLIC "-//W3//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>information</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" media="screen"
href="index.css" />
<link rel="stylesheet" type="text/css" media="screnn"
href="sc_styles.css" />   
<style type="text/css">
body {   
   background-color: #ffffff;
   color: #4a4a4a;
   font-family: verdana, arial, helvetica;
   font-size: 11px;
   background-image: URL(grafik/bg.gif);
   padding-left: 10px;
   }
a:link {
   color: #747474; text-decoration: none;
   }
a:visited {
   color: #000000; text-decoration: none;
   }
a:hover
   {
   color: #000000; text-decoration: none;
   }

a:active
   {
   color: #000000; text-decoration: none;
   }

0.banner {
   position: absolute;
   border-left: 35%;
   top: 4%;
      }
foto {
   position: absolute;
   left: 0%;
   top: 20%;
   }
box0 {
   position: absolute;
   border-right: medium none;
   background: #eec;
   float: left;
   left: 14%;
   width: 75.4%;
   height: 14%;
   top: 16%;
   color: #000;
   border-bottom: 1px solid #c9c9c9;
   background-image: URL(grafik/bgg.gif);
   padding: 10px 10px 0px 20px;
   border: 1px solid #c9c9c9;
   z-index: 1;
   }

box1 {
   position: absolute;
   background: #eec;
   float: left;
   left: 14%;
   width: 16%;
   height: 16%;
   top: 32%;
   color: #000;
   border-bottom: 1px solid #c9c9c9;
   background-image: URL(grafik/bgg.gif);
   padding: 10px 10px 10px 20px;
   border: 1px solid #c9c9c9;
   z-index: auto;
   }
box2 {
   position: absolute;
   float: left;
   left: 14%;
   width: 16%;
   height: 28%;
   text-align:left;
   top: 32%;
   padding: 10px 10px 58px 20px;
   border: 1px solid #c9c9c9;
   z-index: auto;
   }
box3 {
   position: absolute;
   float: left;
   left: 32.8%;
   width: 56%;
   height: 16%;
   text-align:left;
   top: 32%;
   background-color: #fefefe;
   padding: 10px 10px 10px 20px;
   border: 1px solid #c9c9c9;
   z-index: auto;
   }
box5 {
   position: absolute;
   float: left;
   left: 32.8%;
   width: 56%;
   height: 50%;
   text-align:left;
   top: 38%;
   background-color: #fefefe;
   border: 1px solid #c9c9c9;
   padding: 10px 10px 40px 20px;
   z-index: auto;
      }
</style>

</head>
<body>
<div align="center">
<div class="banner"><a href="http://www.netcom.dk/" />
</div>
<img src="../../animation/master.gif" width="300" height="50"
alt="banner" /><a />
</div>
<div class="box0">
<h4>Til netfolket</h4>
<h2>En ressourceguide</h2>
</div>

<!--#include virtual="/include/logo.inc"-->
<div class="box1">
<p>Menu</p>
</div>

<div class="box2">
<p><a href="index.html">Indeks</a></p>
<p><a href="layout/layoutfilosofi.shtml" />Layoutfilosofi</a></p>
<p><a href="layout/tilgaengelig.shtml"
/>Tilgængelighedstest</a></p>
<p><a href="grafik/png.shtml" />Billedformater</a></p>
<p><a href="information/information.shtml"
/>Informationer</a></p>
<p><a href="sprog/boef.shtml" />Sprogfbøffer</a></p>
<p><a href="sprog/referencer.shtml" />Referenceværktøjer</a></p>
<p><a href="sprog/digital.shtml" />Digital mirakel?</a></p>
<p><a href="kontakt/kontakt.shtml" />Kontakt</a></p>
</div>

<div class="box3">
Index
</div>

<div class="box5">
En samling <em>goodies</em> for informationsmedarbejdere.<br />
Kom godt i gang, få styr på den digitale formidling.
<p>En side med fokus på:</p>
<p>sproglige virkemidler</p>
<p>tilgængelighed</p>
<p>layout og grafik</p>
</div>
</body>
</html>

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

 
 
Erik Ginnerskov (08-06-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 08-06-03 15:05


"susanne riber christensen" <sriber@webspeed.dk> skrev
> Jeg vil høre om der er nogen der sidder inde med guldkornene mht.
> at bygge design op om css, dvs. ingen brug af tabeller. Det er et
> must fra mit undervisningssted, at vi ikke bruger tabeller.

Her er et par sider, hvor du kan blive klogere:

http://www.hjemmesideskolen.dk/html/div.asp
http://www.hjemmesideskolen.dk/html/testsider/float.asp
http://www.hjemmesideskolen.dk/html/testsider/float.asp#cle

> Kilden er denne:

Det er ikke så velset, at man poster en hel side i nyhedsgrupperne. Læg
hellere et link til en testside, hvor man kan kigge på problemet. En
nyhedslæser er ikke særlig velegnet til at læse større mængder kildekoder i.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin





susanne riber christ~ (08-06-2003)
Kommentar
Fra : susanne riber christ~


Dato : 08-06-03 15:45

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> "susanne riber christensen" <sriber@webspeed.dk> skrev
> > Jeg vil høre om der er nogen der sidder inde med guldkornene mht.
> > at bygge design op om css, dvs. ingen brug af tabeller. Det er et
> > must fra mit undervisningssted, at vi ikke bruger tabeller.
>
> Her er et par sider, hvor du kan blive klogere:
>
> http://www.hjemmesideskolen.dk/html/div.asp
> http://www.hjemmesideskolen.dk/html/testsider/float.asp
> http://www.hjemmesideskolen.dk/html/testsider/float.asp#cle
>
> > Kilden er denne:
>
> Det er ikke så velset, at man poster en hel side i nyhedsgrupperne. Læg
> hellere et link til en testside, hvor man kan kigge på problemet. En
> nyhedslæser er ikke særlig velegnet til at læse større mængder kildekoder i.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://www.hjemmesideskolen.dk - http://www.html-faq.dk
> http://hjem.get2net.dk/egin
>
> Hej igen

>Jeg har været inde og se på din side, og ser at der også er nogle steder, hvor
der er problemer, når du fx 'trækker' i vinduet, og gør det mindre. Da begynder
teksten nogle steder at flyde ind over et fotografi, og det er sådanne ting jeg
synes er lidt uheldigt.

De referencer du kommer med, er alt sammen noget jeg har prøvet. Jeg kan sige
at xhtml og css, begge er valideret i 3w, så det er ikke pga. fejl i koderne.

mvh. susanne
>


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

susanne riber christ~ (08-06-2003)
Kommentar
Fra : susanne riber christ~


Dato : 08-06-03 15:18

Sorry jeg sendte hele koden, tænkte det ville være nemmere at svare
på. Burde måske lige tilføje, at problemet er at boksene flytter sig
i forhold til hinanden, i de forskellige browsere. Det samme sker,
når man formindsker vinduet, og når man ser det i forskellige
skærmopløsninger.

Nu ser jeg at Html-siden, også er bygget op om css, uden at det
ændrer på udseendet i de forskellige browsere!!

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

Jens Gyldenkærne Cla~ (08-06-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 08-06-03 15:56

susanne riber christensen skrev:

> Jeg synes også at det er en smart, hvis bare ikke det ser så
> forskelligt ud i diverse browsere. Når jeg fx tilpasser det til
> IE, ser det helt forkert ud i Opera og K-Meleon, og omvendt, suk!

Hvilke versioner har du testet i? Der er en del forskel på IE 6 (i
standardmode) og tidligere IE-versioner. Ligeledes er Opera 6.x og
Opera 7.x ret forskellige.

> Kilden er denne:

Som Erik også har skrevet er det ikke så smart at sende en hel side
til gruppen - et link er langt bedre. Du får dog alligevel et par
kommentarer, nu når koden er sendt.

> 0.banner {

Så vidt jeg husker må et cssnavn ikke begynde med et taltegn.


> foto {

[snip]

> box0 {

Mener du i virkeligheden .foto og .box0 - eller måske #foto og
#box0? Som de to selektorer står nu fanger de elementer med navnet
foto hhv. box0 - altså <foto>Her er mit billede</foto>. Disse
elementer findes ikke i html.

[Det samme gælder efterfølgende definitioner på box1-box5]


> <div align="center">

Align-parameteren er ikke gyldig i stricte dokumenttyper - herunder
xhtml 1.1. Brug css i stedet.

> <a href="http://www.netcom.dk/" />

Du bør ikke lukke et a-element med kortformen <kode />. Dels giver
det ikke mening - der skal være noget indhold for at man kan klikke
på linket - og dels kan det alvorligt forvirre ældre browsere fordi
de ikke forstår xhtml-lukningen og forventer en </a> senere.

Jeg kan ikke huske hvor det står, men jeg mener at det er en
rimelig officiel anbefaling at man kun bør benytte <kode />-lukning
på elementer der ikke krævede lukning i HTML 4.01 (fx img, br, hr).

> <!--#include virtual="/include/logo.inc"-->

Sådan en include-linje kan ikke bruges til noget i nyhedsgruppen
her. Det interessante er hvad der sendes til browseren - ikke hvad
der står i kildefilen (det er stadig bedst at give et link til
siden).

> <p><a href="layout/layoutfilosofi.shtml" />Layoutfilosofi</a></p>

[flere lignende links klippet væk]

Som ovenfor - du lukker a-elementet direkte - her lukker du det så
bare en gang mere med </a>. Nøjes med sidstnævnte.

Hvis du vil have siden til at se ens ud i forskellige browsere skal
du starte med at validere den. Der er et stykke endnu.

Prøv at gå ind på følgende sider:

W3:
- HTML: <http://validator.w3.org/>
- CSS: <http://jigsaw.w3.org/css-validator/>

WDG:
- HTML: <http://www.htmlhelp.com/tools/validator/>
- CSS: <http://www.htmlhelp.com/tools/csscheck/>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

susanne riber christ~ (08-06-2003)
Kommentar
Fra : susanne riber christ~


Dato : 08-06-03 16:37

Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> susanne riber christensen skrev:
>
> > Jeg synes også at det er en smart, hvis bare ikke det ser så
> > forskelligt ud i diverse browsere. Når jeg fx tilpasser det til
> > IE, ser det helt forkert ud i Opera og K-Meleon, og omvendt,
suk!
>
> Hvilke versioner har du testet i? Der er en del forskel på IE 6 (i
> standardmode) og tidligere IE-versioner. Ligeledes er Opera 6.x og
> Opera 7.x ret forskellige.
>
> > Kilden er denne:
>
> Som Erik også har skrevet er det ikke så smart at sende en hel
side
> til gruppen - et link er langt bedre. Du får dog alligevel et par
> kommentarer, nu når koden er sendt.
>
> > 0.banner {
>
> Så vidt jeg husker må et cssnavn ikke begynde med et taltegn.
>
>
> > foto {
>
> [snip]
>
> > box0 {
>
> Mener du i virkeligheden .foto og .box0 - eller måske #foto og
> #box0? Som de to selektorer står nu fanger de elementer med navnet
> foto hhv. box0 - altså <foto>Her er mit billede</foto>. Disse
> elementer findes ikke i html.
>
> [Det samme gælder efterfølgende definitioner på box1-box5]
>
>
> > <div align="center">
>
> Align-parameteren er ikke gyldig i stricte dokumenttyper -
herunder
> xhtml 1.1. Brug css i stedet.
>
> > <a href="http://www.netcom.dk/" />
>
> Du bør ikke lukke et a-element med kortformen <kode />. Dels giver
> det ikke mening - der skal være noget indhold for at man kan
klikke
> på linket - og dels kan det alvorligt forvirre ældre browsere
fordi
> de ikke forstår xhtml-lukningen og forventer en </a> senere.
>
> Jeg kan ikke huske hvor det står, men jeg mener at det er en
> rimelig officiel anbefaling at man kun bør benytte <kode
/>-lukning
> på elementer der ikke krævede lukning i HTML 4.01 (fx img, br,
hr).
>
> > <!--#include virtual="/include/logo.inc"-->
>
> Sådan en include-linje kan ikke bruges til noget i nyhedsgruppen
> her. Det interessante er hvad der sendes til browseren - ikke hvad
> der står i kildefilen (det er stadig bedst at give et link til
> siden).

> --
> Jens Gyldenkærne Clausen
> Svar venligst under det du citerer, og citer kun det der er
> nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
> hvordan på http://usenet.dk/netikette/citatteknik.html

Hej
Nu har jeg lagt det ud på min hjemmeside:

http://www.vuptii.dk

- under, test.

Som det ser ud dér, er heller ikke sådan det ser ud, når jeg sidder
med det i Homesite. Jeg bruger IE 6 og Opera 7.

Mht. validering - er det hele valideret i w3, men jeg har lavet det
om siden da, så der er røget fejl ind, som du bemærker.
Jeg mener dog ikke det har nogen indflydelse på at 'boksene'
begynder at flyde rundt - og at de ændrer placering

mvh. susanne


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

Stig Nygaard (08-06-2003)
Kommentar
Fra : Stig Nygaard


Dato : 08-06-03 16:50

Hej Susanne


susanne riber christensen wrote:
> Mht. validering - er det hele valideret i w3, men jeg har lavet det
> om siden da, så der er røget fejl ind, som du bemærker.
> Jeg mener dog ikke det har nogen indflydelse på at 'boksene'
> begynder at flyde rundt - og at de ændrer placering

Nogle af fejl Jens nævner er lige netop af den type som kan skabe stor
forvirring for browsere. Så jeg vil anbefale at få rettet de fejl, før
du forsøger at få folk til at bruge for meget energi på at løse
problemer der måske retter sig med nævnte ting.

> Nu har jeg lagt det ud på min hjemmeside:
> http://www.vuptii.dk
> - under, test.

Dit link peger på F:\webdesign\webmaster\test.html. Det er der nok ikke
mange andre end dig der får noget ud af


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *


Stig Nygaard (08-06-2003)
Kommentar
Fra : Stig Nygaard


Dato : 08-06-03 17:01

Hej


Stig Nygaard wrote:
> Dit link peger på F:\webdesign\webmaster\test.html. Det er der nok ikke
> mange andre end dig der får noget ud af

Men jeg gætter på at du mener http://www.vuptii.dk/test.html ?

Der er flere alvorlig fejl udover de af Jens nævnte. Et ef dine
stylesheet links siger:

<link rel="stylesheet" type="text/css" media="screnn"
href="sc_styles.css" />

Ret her "screnn" til "screen"! Som det er nu vil stylesheet'et slet ikke
blive brugt i nogle browsere.

Et par linier senere:

<img src="<img src="http://www.vuptii.dk/master.gif width="300"
height="50" alt="banner" />

hmmm? Der er vist gået ged i noget her?

Endnu et par linier ned:

<!--#include virtual="/include/logo.inc"-->

Ups, burde ikke slippe igennem til browseren. Du forsøger måske at bruge
SSI på en webserver som ikke understøtter det?

validator.w3.org er tilsyneladende nede lige nu, så jeg har ikke kunne
teste om validatoren kan finde flere fejl. Men næste gang du påstår at
en side validerer, bør du jo nok lige teste en ekstra gang først


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *


Jens Tønnesen (08-06-2003)
Kommentar
Fra : Jens Tønnesen


Dato : 08-06-03 16:48

susanne riber christensen <sriber@webspeed.dk> skrev i
dk.edb.internet.webdesign.html:

>Nu har jeg lagt det ud på min hjemmeside:
>
>http://www.vuptii.dk
>
>- under, test.

Så skal du nok lave linket lidt om:

<a href="F:\webdesign\webmaster\test.html">test</a>

Folk på nettet har (gudskelov for dig) ikke adgang til dit F-drev.

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

Jens Gyldenkærne Cla~ (08-06-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 08-06-03 16:57

susanne riber christensen skrev:

[snip - fuldt citat af mit indlæg]

> Nu har jeg lagt det ud på min hjemmeside:

Tak.

> http://www.vuptii.dk
> - under, test.

Tja - linket test peger på F:\webdesign\webmaster\test.html - den
adresse er ikke særlig brugbar. Men jeg kunne da gætte mig til den
rigtige adresse: <http://www.vuptii.dk/test.html> (det havde været
noget hurtigere hvis du bare havde givet den direkte adresse).

Begge css-ark mangler i øvrigt - så det er svært at sige noget om
hvorfor layoutet ikke passer.

> Mht. validering - er det hele valideret i w3, men jeg har
> lavet det om siden da, så der er røget fejl ind, som du
> bemærker.

Jeg kan ikke forstå hvordan Homesite kan lave <a href=".." /> - men
sådan er der selvfølgelig så meget. Under alle omstændigheder er du
nødt til at validere hver gang du har lavet strukturelle ændringer
på siden.

> Jeg mener dog ikke det har nogen indflydelse på at
> 'boksene' begynder at flyde rundt - og at de ændrer placering

Som jeg også skrev før, har du flere css-definitioner som ser ud
til at mangle et punktum.

box0 { ... } vil fange <box0>, mens .box0 { ... } fanger <foo
class="box0">. Muligvis vil nogle browsere godtage box0 som .box0 -
men det er ikke gyldig kode.

NB: Læs gerne min signatur.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

susanne riber christ~ (08-06-2003)
Kommentar
Fra : susanne riber christ~


Dato : 08-06-03 17:38

Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:

> Tja - linket test peger på F:\webdesign\webmaster\test.html - den
> adresse er ikke særlig brugbar. Men jeg kunne da gætte mig til den
> rigtige adresse: <http://www.vuptii.dk/test.html> (det havde været
> noget hurtigere hvis du bare havde givet den direkte adresse).
>
> Begge css-ark mangler i øvrigt - så det er svært at sige noget om
> hvorfor layoutet ikke passer.

> --
> Jens Gyldenkærne Clausen
> Svar venligst under det du citerer, og citer kun det der er
> nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
> hvordan på http://usenet.dk/netikette/citatteknik.html

Uhha, det var ikke så godt, men nu er de mest 'graverende' fejl
rettet og tjekket - linkset er ordnet (hvis nogen stadig har lyst):

http://www.vuptii.dk - under selvsamme 'test'.

Sorry for al den ulejlighed..suk , hvad kan jeg sige, jeg er en
nybegynder, men en masse ..!!




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

Jens Gyldenkærne Cla~ (08-06-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 08-06-03 21:56

susanne riber christensen skrev:

> Uhha, det var ikke så godt, men nu er de mest 'graverende'
> fejl rettet og tjekket

Det er blevet bedre, men du har stadig en række a-elementer der
lukkes dobbelt.

Prøv at se hvad validatoren giver:
<http://validator.w3.org/check?uri=http%3A%2F%2Fwww.vuptii.dk%2Ftest.html>


CSS-filen indeholder også en del fejl:

<http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.vuptii.dk%2Findex.css>

Spørg gerne hvis du er i tvivl om hvordan de skal behandles -
men læs først de forklaringer validatorsiderne giver.

NB: Det er rart at se at du har klippet i citaterne - det gør
dit indlæg langt mere læsevenligt. Du må dog gerne klippe min
signatur væk også - den har sjældent relevans for et svar.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

susanne riber christ~ (09-06-2003)
Kommentar
Fra : susanne riber christ~


Dato : 09-06-03 10:11

Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:

>
> Det er blevet bedre, men du har stadig en række a-elementer der
> lukkes dobbelt.

Hej igen

Jeg har rettet og kigget i validatoren. De ting de der står under css, er anbefalinger og
ikke deciderede fejl (baggrundsfarve på links osv., regnes ikke som fejl).

Jeg har omdefineret egenskaberne på boksene fra % til px, og det ser ud til at det gør den
store forskel. Hvad kan man lære ud af det? Jo, man kan åbenbart ikke få alting på en gang,
dvs. tilpasse siden til forskellige skærmopløsninger, samtidig med at man tager forbehold
overfor forskellige browsere, unden at der opstår problemer. Så må man gå på kompromi. Jeg
synes derfor det er bedre, at det udseendet vises som det var tænkt i de forskellige
browsere (der sker desværre stadig noget mærkeligt i Mozilla og Opera med 'menu'-teksten,
men det er en mindre ting i frohold til hvordan det ellers så ud). Så må dem med en mindre
skærmopløsning hevises til at scrolle lidt sidelæns, hvis de vil se hele siden.

Jeg takker for de mange anbefalinger og henvisninger

Susannne

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

Stig Nygaard (09-06-2003)
Kommentar
Fra : Stig Nygaard


Dato : 09-06-03 11:05

Hej Susanne


susanne riber christensen wrote:
> browsere (der sker desværre stadig noget mærkeligt i Mozilla og Opera med 'menu'-teksten,

Jeg synes nu ikke at det er så svært at gætte hvorfor hvis du ser på
forskellen på den kode der bruges til "Menu"-overskriften og den der
bruges til "Index"-overskriften.


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *


Kåre R Kristensen (09-06-2003)
Kommentar
Fra : Kåre R Kristensen


Dato : 09-06-03 10:38

> Jeg synes også at det er en smart, hvis bare ikke det ser så
> forskelligt ud i diverse browsere. Når jeg fx tilpasser det til
> IE, ser det helt forkert ud i Opera og K-Meleon, og omvendt, suk!

Grunden til at det ser forskelligt ud i IE og andre browser er, at IE har en
bug hvad ang. brugen af boksmodellen. Problemet ligger i brugen af padding
og border. IE ligger det nemlig ikke til boksens oprindelige længde, som 3W
ellers anbefaler ifølge deres standart. Dette problem kan løses.

På denne side er en løsning beskrevet:
- http://www.webdesign101.dk/dhtml/css/hack1.php

Håber du kan bruge det... det hjalp i hvert fald mig. Siden er i øvrigt en
ganske udmærket side, med en masse lækre ting til design af hjemmesider.

Mvh. Kåre



Jens Gyldenkærne Cla~ (09-06-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 09-06-03 14:13

Kåre R Kristensen skrev:

> Grunden til at det ser forskelligt ud i IE og andre browser
> er, at IE har en bug hvad ang. brugen af boksmodellen.

Både og. Før IE 6 var ovenstående helt korrekt. Med IE 6 er det
lidt mere kompliceret - bug'en er sådan set rettet, men kun hvis
man sætter IE 6 i standardmode.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

susanne riber christ~ (10-06-2003)
Kommentar
Fra : susanne riber christ~


Dato : 10-06-03 19:24

> Grunden til at det ser forskelligt ud i IE og andre browser er, at IE har en
> bug hvad ang. brugen af boksmodellen. Problemet ligger i brugen af padding
> og border. IE ligger det nemlig ikke til boksens oprindelige længde, som 3W
> ellers anbefaler ifølge deres standart. Dette problem kan løses.
>
> På denne side er en løsning beskrevet:
> - http://www.webdesign101.dk/dhtml/css/hack1.php
>
> Håber du kan bruge det... det hjalp i hvert fald mig. Siden er i øvrigt en
> ganske udmærket side, med en masse lækre ting til design af hjemmesider.
>
> Mvh. Kåre
>
> Det var netop det jeg efterspurgte - så kan jeg bedre forstå hvorfor det går
så skævt. Hørte iøvrigt fra mit kursussted i dag, at css stadig ikke er så
browserkompatibel, som det burde være mht. layoutet.
Men det bliver det vel med tiden..

mvh. Susanne



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

Lasse Reichstein Nie~ (10-06-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 10-06-03 19:30

susanne riber christensen <sriber@webspeed.dk> writes:

> Det var netop det jeg efterspurgte - så kan jeg bedre forstå hvorfor det går
> så skævt. Hørte iøvrigt fra mit kursussted i dag, at css stadig ikke er så
> browserkompatibel, som det burde være mht. layoutet.
> Men det bliver det vel med tiden..

Nogen gange tvivler jeg på om Microsoft overhovedet er interesserede i
at følge standarden. Så vil der jo ikke være noget der binder folk til
at udvikle til Internet Explorer mere.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

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

Månedens bedste
Årets bedste
Sidste års bedste