Søg
Avatar billede 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?
Avatar billede 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>
Avatar billede mads800 Nybegynder
10. marts 2011 - 20:30 #2
hvordan finder jeg ud af om det er standardiseret kode??
Avatar billede 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  =)
Avatar billede 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 &quot;Jonathan A/S&quot;)</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;
}
Avatar billede 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:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


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  =)
Avatar billede 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
Avatar billede 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? :)
Avatar billede 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)
Avatar billede 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  =)
Avatar billede mads800 Nybegynder
10. marts 2011 - 21:41 #10
så kan jeg godt bruge position:relative?
Avatar billede 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)
Avatar billede 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 > ???
Avatar billede 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
Avatar billede mads800 Nybegynder
10. marts 2011 - 22:09 #14
Mange tak smid et Svar! ;D;D;D
Avatar billede olebole Juniormester
10. marts 2011 - 22:14 #15
Ellers tak, jeg samler ikke points længere. Kommer her ret sjældent, efterhånden  =)
Avatar billede mads800 Nybegynder
10. marts 2011 - 22:22 #16
nå okay Men du skal have MANGE MANGE MANGE TUSIND TAK!
Avatar billede olebole Juniormester
10. marts 2011 - 23:01 #17
Selvtak  =)
Avatar billede 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!
Avatar billede 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
Avatar billede pstidsen Novice
25. oktober 2011 - 19:16 #20
Skal spørgsmål nu lige pludselig ikke lukkes mere?
Avatar billede 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.
Avatar billede 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?
Avatar billede 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  =)
Avatar billede 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.
Avatar billede 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.
Avatar billede olebole Juniormester
25. oktober 2011 - 19:54 #26
Jaja, men det var slet heller ikke effektiviteten, jeg anfægtede  *o)
Avatar billede 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?
Avatar billede 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.
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
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
18/1020:59 Gentagen fejlmeddelelse. Af aj9430dk i Windows
18/1018:00 Min HP MFP176 falder hle tiden af lan-netværket. Kan det sparkes i gang? Af andershl i Printere
18/1016:26 Fejlmelding på 64 GB Philips USB-drev Af hudsonium i PC
16/1010:01 W11 opdatering stopper Af barth i Windows
15/1019:59 TOMTOM GO Af nu_igen i Andet hardware
White papers
Flere white papers »