Gå til innhold

Funker fint i firefox men ikke IE.

Rekviem

Av Rekviem
i Programmering og webutvikling

Anbefalte innlegg

Rekviem

Rekviem

Skrevet
Skrevet

Heisann!

 

Jeg lager en liten og enkel nettside til mitt World of warcraft guild. Jeg bruker kun html og CSS.

 

Problemet mitt er at siden ikke fungerer som den skal i internet leseren internet explorer men fint i Mozilla`s firefox. Dere kan jo sjekke selv her. Som dere ser selv, så går hovedteksten ned under menyen i IE istedefor til høyre for menyen slik som i firefox. Jeg håper noen av dere vet hva jeg har gjort feil og kan hjelpe meg. :yes:

 

Her er koden for html filen:

Klikk for å se/fjerne innholdet nedenfor

<html>

<head>

<link rel="stylesheet" type="text/css" href="grusommeskjebne.css" media="screen" title="andreas01 (screen)" />

<title>Grusomme Skjebne</title>

</head>

 

<body><div id="innholdtabell">

 

<img id="headerbilde" src="header.png" width="800" height="184" alt="" align="top">

 

<div id="avmenu">

<h2 class="hide">Menu:</h2>

<ul>

<li><a href="index.html">Velkommen</a></li>

<li><a href="om.html">Om guildet</a></li>

<li><a href="medlemmer.html">Medlemmer</a></li>

<li><a href="forum.html">Forum</a></li>

</ul>

 

<br/>

<br/>

<br/>

 

 

<div id="kontakt">

<p>

Om det er noe du lurer på er det bare å ta kontakt med e-post, i forumet eller i spillet. E-posten min er:</p> <p> <a href="mailto:[email protected]">hermans@fusco-ex</a>

</p>

</div>

 

</div>

 

<div id="content">

<h2>Velkommen til Grusomme Skjebne`s nettside!</h2>

<p>Dette er nettsiden til det norske World of Warcraft guildet; Grusomme Skjebne.</p>

 

<p>World of warcraft er et MMORPG (Massive Online Role playing Game), med andre ord et sosialt spill fordi du spiller med hundrevis(kanskje tusenvis) av andre spillere!. Sjangeren har blitt mer og mer populær i det siste, dette fordi sjangeren er unik og det er noe helt annet å spille med andre mennesker enn å spille mot datamaskinen.</p>

 

<p>Grusomme Skjebne er som sagt et guild, et slags lite samfunn for utvalgte medlemmer. </p>

 

<h3>Om nettsiden</h3><p>Nettsiden her hensikt å informere generelt om guildet. Men, viktigst er det at nettsiden har et forum som er lagt tilrette for medlemmene. På forumet kan vi diskutere, legge til nyheter og planlegge i et formelt vis.</p>

 

<p>Så, hvis du er et medlem, eller har lyst å bli et medlem i guildet er det bare til å gå til forum delen av nettsiden. Vi snakkes!</p>

 

</div>

 

<div id="footer">

Copyright © 2007 Øyvind Hermans</a>.

</div>

 

</div>

</body>

</html>

 

 

Og her er koden for CSS filen:

Klikk for å se/fjerne innholdet nedenfor

/* CSS Stylesheet for Grusomme Skjebne. Inspirert av Andreas Viklund`s andreas01 css mal.

*/

 

body {

margin: 0;

padding: 0;

font: 75% Verdana,Tahoma,Arial,sans-serif;

background: #1C314C;

}

 

#innholdtabell {

background: #607794;

color: #000000;

margin: 0 auto;

width: 800px;

border: 1px solid #000000;

float: auto;

}

 

#headerbilde {

margin: 0 0 10px 0;

border-bottom: 1px solid #000000;

}

 

#avmenu {

clear: left;

float: left;

width: 180px;

margin: 0 0 0 0;

padding: 0;

font-size: 1em;

}

 

#avmenu ul {

list-style: none;

width: 150px;

margin: 0 0 20px 0;

padding: 0;

font-size: 1.1em;

}

 

#avmenu li {

margin-bottom: 2px;

}

 

#avmenu li a {

font-weight: bold;

height: 22px;

text-decoration: none;

color: #5394C3;

display: block;

padding: 6px 0 0 10px;

background: #1C314C;

border-left: 6px solid #143529;

border-bottom: 1px solid #143529;

}

 

#avmenu li a:hover {

background: #385C89;

color: #5394C3;

border-left: 6px solid #000000;

border-bottom: 1px solid #000000;

}

 

#kontakt {

margin: 0;

padding: 0;

border: 1px solid 000000;

background: #1C314C;

height: auto;

width: 150px;

color: #5394C3;

margin: 0;

padding: 5px 0 5px 4px;

border-top: 1px solid #000000;

border-bottom: 1px solid #000000;

}

 

 

#content {

margin: 0 110px 20px 160px;

width: 600px;

border-left: 1px solid #000000;

padding: 0 10px 0 10px;

line-height: 1.6em;

text-align: left;

}

 

#content h2 {

font-size: 1.5em;

margin: 0 0 0.5em 0;

}

 

#content img {

padding: 1px;

display:inline;

background: #cccccc;

border: 4px solid #000000;

}

 

h3 {

font-size: 1.3em;

margin: 0 0 10px 0;

}

 

a {

text-decoration: none;

color: #286ea0;

}

 

a:hover {

text-decoration: underline;

color: #286ea0;

}

 

a img {

border: 0;

}

 

#footer {

clear: both;

margin: 0 auto;

padding: 10px 0 20px 0;

border-top: 1px solid #000000;

width: 760px;

text-align: center;

color: #ffffff;

font-size: 0.9em;

}

 

#footer a {

color: #ffffff;

text-decoration: none;

}

 

#footer a:hover {

text-decoration: underline;

}

 

.left {

margin: 10px 10px 5px 0;

float: left;

}

 

.right {

margin: 10px 0 5px 10px;

float: right;

}

 

.textright {

text-align: right;

}

 

.center {

text-align: center;

}

 

.small {

font-size: 0.8em;

}

 

.bold {

font-weight: bold;

}

 

.hide {

display: none;

}

 

 

På forhånd takk.

Lenke til kommentar

Videoannonse

Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...