CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

mads800 Nybegynder

10. marts 2011 - 20:23 Der er 28 kommentarer

Hjemmeside ser mærkelig ud på internet explorer

Hej jeg er ved at lave en hjemmeside og den ser hel find ud i Google chrome og min ven's internet explorer. Men jeg prøvede at åbne internet explorer på en af mine andre computere og der sad alle tingene helt forkert. Kan det skyldes at den internet explorer på min anden computere er en ældre version?

Synes godt om

olebole Juniormester

10. marts 2011 - 20:27 #1

<ole>

Ja, det kunne det vel godt være. Derudover er der jo ingen, der siger, at siden er i nærheden at være skrevet i standardiseret kode (det er kun de færreste) - og så er det mere eller mindre tilfældigt, hvordan den vises

/mvh
</bole>

Synes godt om

mads800 Nybegynder

10. marts 2011 - 20:30 #2

hvordan finder jeg ud af om det er standardiseret kode??

Synes godt om

olebole Juniormester

10. marts 2011 - 20:33 #3

Du kunne lægge et link til siden. Så kan vi kikke på den og se, om der er noget galt med den =)

Synes godt om

mads800 Nybegynder

10. marts 2011 - 20:38 #4

Html Kode
_______________________________-
<!DOCTYPE HTML>
<html>

<head>
<title> Website</title>
<link rel="stylesheet" type="text/css" href="landing_style.css" />
<meta name="description" content="A game about having a company" />
<meta name="keywords" content="company,online,game,stocks,transporting" />
<meta name="author" content="Mads Lundager" />
<meta charset="UTF-8" />
</head>

<body>

<div id="header-login">
<div class="content">
<img alt="logo" class="logo" src="Images/landing_page/logo.png" />

<div class="login_field">
<img alt="login_picture" class="login_picture" src="Images/landing_page/login_picture.png" />
<form>
<button class="login_button" type="submit" style="border: 0; background: transparent">
<img alt="login_button" src="Images/landing_page/login_button.png" width="95" height="60" />
</button>
<input class="username" type="text" name="username" maxlength="30" />
<input class="password" type="password" name="password" maxlength="35" />
</form>
</div>
</div>
</div>

<div id="create_company">
<img alt="contract_line" class="contract_line" src="Images/landing_page/contract_line.png" width="800"/>
<label class="name_company" style="font-size: 15pt">
Name your company
<small><span style="color:gray"><sup>(fx "Jonathan A/S")</sup></span></small>
</label>
<form>
<button class="create_button" type="submit" style="border: 0; background: transparent">
<img alt="create_button" src="Images/landing_page/create_button.png" />
</button>
<input class="create_textbox" type="text" name="create_textbox" maxlength="44" />
</form>
</div>

</body>

</html>
________________________________________________

css kode

body
{
background-image:url(Images/landing_page/background.png);
background-repeat: repeat-x;
}

*:focus
{
outline: none;
}

#header-login .content .logo
{
position:relative;
top:24px;
}

#header-login .content .login_field .login_picture
{
position:relative;
bottom:148px;
left:260px;
}

#header-login .content .login_field .login_button
{
position:relative;
bottom:256px;
left:670px;

cursor:pointer;
cursor:hand;

}

#header-login .content .login_field .username
{
position:relative;
bottom:318px;
left:325px;

background:none;
border:none;
width:217px;
height:25px;
font-family:Plantagenet Cherokee, sans-serif;
font-style: italic;
font-size:18px;
}

#header-login .content .login_field .password
{
position:relative;
bottom:265px;
left:60px;

background:none;
border:none;
width:217px;
height:25px;
font-family:Plantagenet Cherokee, sans-serif;
font-style: italic;
font-size:18px;
}

#create_company .contract_line
{
position:relative;
top:230px;
left:225px;
}

#create_company .name_company
{
position:relative;
top:260px;
right:570px;
}

#create_company .create_button
{
position:relative;
top:192px;
left:1050px;

cursor:pointer;
cursor:hand;
}

#create_company .create_textbox
{
position:relative;
top:164px;
left:125px;

background:none;
border:none;
width:800px;
height:35px;
font-family:Plantagenet Cherokee, sans-serif;
font-style: italic;
font-size:24px;
}

Synes godt om

olebole Juniormester

10. marts 2011 - 21:26 #5

Det ser ikke helt skævt ud - i hvertfald ikke, når vi taler i forhold til standarderne. Derudover er koden yderst uhensigtsmæssig =)

Lad os tage standarder og browserinkompatabilitet først: IE6 forstår i hvertfald ikke *:focus.

Når du angiver CSS værdier, som indeholder specialtegn - herunder blanktegn - skal disse værdier escapes med gåseøjne:

font-family:Plantagenet Cherokee, sans-serif;

Bør skal i stedet skrives som:

font-family:'Plantagenet Cherokee', sans-serif;

I HTML'en er der ingen grund til eller fordel ved at bruge XHTML lukninger af tags, når du bruger HTML5 DTD'en. Til gengæld bør du angive tegnsættet korrekt:

Der er dog ikke noget af dette, der skulle betyde det store i forhold til visningen. Men det er meget vigtigt at huske følgende:
Valid kode er ikke nødvendigvis god kode - men god kode er altid valid

Elementer, der positioneres relativt og tildeles left- og/eller top-værdier, skaber det næsten altid problemer. Et sådan element vil dels optage sin oprindelige plads (top:0;left:0) - samt sin nye plads, efter tildeling af top- og left-værdierne.

I stedet bør man lære at placere sine elementer i det naturlige dokument flow - og så bruge positionering sparsomt og med stor omtanke =)

Synes godt om

pstidsen Novice

10. marts 2011 - 21:32 #6

Kør W3's validator igennem. Skift www.DITDOMÆNE.dk ud med den side det er galt med. http://validator.w3.org/check?uri=www.DITDOMÆNE.dk&charset=%28detect+automatically%29&doctype=Inline&group=0

Synes godt om

mads800 Nybegynder

10. marts 2011 - 21:34 #7

Hej tak for hjælpen! jeg vil bare lige spørge om du kunne give et eksempel på hvordan jeg kan placere min images som du siger i den naturlige dokument flow? :)

Synes godt om

olebole Juniormester

10. marts 2011 - 21:36 #8

- men husk at klikke Options til og vælg "Verbose output", så du også har styr på, hvordan serveren afleverer dokumentet ;o)

Synes godt om

olebole Juniormester

10. marts 2011 - 21:37 #9

Det kan du gøre på utallige måder - og det er jo helt afhængigt af, hvordan det skal se ud =)

Synes godt om

mads800 Nybegynder

10. marts 2011 - 21:41 #10

så kan jeg godt bruge position:relative?

Synes godt om

olebole Juniormester

10. marts 2011 - 21:53 #11

Ja, du kan bruge al valid kode - men hvad du skal bruge, kommer jo helt an på, hvad du vil lave. Webkodning er et fag på lige fod med alle andre fag - og et fag tager (lang) tid at lære ;o)

Synes godt om

mads800 Nybegynder

10. marts 2011 - 21:56 #12

Lige en sidste ting du skrev ovenover: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> hvor du ikke sluttede den af med /> er det en ny regel i html5 så alle mine elementer f.eks. <img> skal ikke slutte med /> men bare > ???

Synes godt om

olebole Juniormester

10. marts 2011 - 22:05 #13

Nej, det er ikke en ny regel i HTML5 - men W3C har indset, at XHTML i sig selv var et vildskud, hvorfor man opgav standarden og gik tilbage til HTML. I HTML har man aldrig afsluttet tags på den måde. Derfor skal alle tags bare sluttes med '>' - og koden skal ikke være velformet, som XHTML skulle

Synes godt om

mads800 Nybegynder

10. marts 2011 - 22:09 #14

Mange tak smid et Svar! ;D;D;D

Synes godt om

olebole Juniormester

10. marts 2011 - 22:14 #15

Ellers tak, jeg samler ikke points længere. Kommer her ret sjældent, efterhånden =)

Synes godt om

mads800 Nybegynder

10. marts 2011 - 22:22 #16

nå okay Men du skal have MANGE MANGE MANGE TUSIND TAK!

Synes godt om

olebole Juniormester

10. marts 2011 - 23:01 #17

Selvtak =)

Synes godt om

pstidsen Novice

25. oktober 2011 - 19:07 #18

Er det ikke på tide at lukke spørgsmålet?

Hvis du har fået løsningen som "svar": accepter svaret. Og: http://www.eksperten.dk/faq#faq-3-1

Hvis du har fået løsningen som "kommentar": bed brugeren med løsningen om at lægge et svar, som du så accepterer. Og: http://www.eksperten.dk/faq#faq-3-1

Hvis du ikke har fået løsningen: læg selv et svar og accepter det.

(tryk på link!!)

Ovenstående er en standarsskrivelse. Undskyld, hvis du på den ene eller anden måde bliver stødt!

Synes godt om

olebole Juniormester

25. oktober 2011 - 19:13 #19

@pstidsen: Hvis du henvender dig som CoAdmin, ville det være god stil at give sig til kende som sådan

Synes godt om

pstidsen Novice

25. oktober 2011 - 19:16 #20

Skal spørgsmål nu lige pludselig ikke lukkes mere?

Synes godt om

olebole Juniormester

25. oktober 2011 - 19:20 #21

Hvor i alverden får du dog den tanke fra? Kan du se nogen i denne tråd, der siger noget somhelst om, at spørgsmål ikke skal lukkes?

Jeg pointerer bare, at det er udtryk for god stil, at man tydeligt viser med hvilken kasket, man optræder. Hvis du skriver disse beskeder som CoAdmin, bør du naturligvis give dig til kende som sådan.

Synes godt om

pstidsen Novice

25. oktober 2011 - 19:26 #22

Jeg skriver ikke som CoAdmin. Hvordan kan du få den tanke?

Jeg skriver som pstidsen, som gerne vil have ryddet op i de åbne tråde han har deltaget i.

Tror ikke jeg forstår den mening med de to ovenstående kommentarer?

Synes godt om

olebole Juniormester

25. oktober 2011 - 19:40 #23

Tanken fik jeg, fordi det er første gang i de 12 år, jeg har været på Eksperten, jeg har observeret en bruger med så ihærdig interesse for oprydning. Derfor var tanken om, at du måske havde en CoAdmin kasket på, jo ganske nærliggende =)

Synes godt om

pstidsen Novice

25. oktober 2011 - 19:47 #24

Det har jeg desværre ikke, men der er i hvert fald nogle der burde have sådan en (virtuel) kasket. Der er alt for få (ingen) på dette forum til at styre det. Jeg synes nu også Karise er god til at rydde op. Omend på en anden måde.

Synes godt om

pstidsen Novice

25. oktober 2011 - 19:48 #25

Kan da lige indskyde i en parates at der allerede er to spørgsmål lukket efter min post.

Synes godt om

olebole Juniormester

25. oktober 2011 - 19:54 #26

Jaja, men det var slet heller ikke effektiviteten, jeg anfægtede *o)

Synes godt om

keysersoze Ekspert

25. oktober 2011 - 21:40 #27

Måske er det bare mig, men sender E ikke selv reminder-mails ud? Eller er den funktion (også) defekt?

Synes godt om

pstidsen Novice

26. oktober 2011 - 08:47 #28

Jo, men jeg tror ikke alle forstår mailen. Jeg kan i hvert fald se at min indsats har en effekt.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	3	29/09/202410:58	20/03/202513:38

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS