Her kan du stille og svare på spørgsmål omkring HTML. Du kan altså med andre ord finde en masse hjælp til HTML og HTML5 på dette forum
-
ingemannlarsen - Begynder
- Indlæg:3
- Tilmeldt:20. maj 2012, 19:56
div centrerer ikke i internet explorer
Indlæg
af ingemannlarsen » 20. maj 2012, 20:11
Er forholdsvis nybegynder og har prøvet kræfter med tutorial-videoerne om div.
Men jeg har problemer med at få koden til at virke i internet explorer. Den virker fint i chrome og firefox. Jeg gengiver koden nedenfor og håber, at nogen kan hjælpe.
På forhånd tak.
html fil:
Kode: Vælg alt
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Samsagen</title>
<link rel="stylesheet" href="sam_1.css" type="text/css" />
</head>
<body>
<!-- Hoved div: -->
<div id="hoved">
<!-- Top div: -->
<div id="top">Informationsside .....</div>
<!-- Indhold div: -->
<div id="indhold">
<center>Indhold</center>
</div>
</div>
</body>
</html>
css-fil:
Kode: Vælg alt
#hoved {
width: 1000px;
height: 1000px;
margin-left: auto;
margin-right: auto;
}
#top {
width: 800px;
height: 100px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thin;
text-align:center;
background-color:#2B9CD0;
color:#FFF;
font-size:30px;
line-height:1.3em;
padding-bottom:5px;
padding-top:16px;
}
#indhold {
width: 980px;
height: 600px;
margin-left: auto;
margin-right: auto;
text-align:left;
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: black;
font-size: 110%;
line-height: 1.4;
position: relative;
}
-
ThomasI
- Grundlægger
- Indlæg:1528
- Tilmeldt:28. dec 2010, 10:49
Indlæg
af ThomasI » 20. maj 2012, 20:24
Hej og velkommen til
Er din side live? - er det muligt evt. at få et link? - så kan bedre se situationen...
prøv evt at fjerne position: relative;
Fordi du har skrevet på mail også så kender jeg din side, og kan se i din kildekode at du har glemt at lukke dit starttag til din hoved div
Det ser altså sådan her ud:
Hvor det burde se således ud:
Kan godt være det der gør forskellen
-
Daniel
- Admin
- Indlæg:625
- Tilmeldt:14. jun 2011, 09:27
- Geografisk sted:Danmark, Fyn, Nørre Aaby
-
Kontakt:
Indlæg
af Daniel » 20. maj 2012, 22:25
Lige til en anden god gang så sæt lige din kode imellem
, det gør det lidt lettere at læse.
-
ThomasI
- Grundlægger
- Indlæg:1528
- Tilmeldt:28. dec 2010, 10:49
Indlæg
af ThomasI » 21. maj 2012, 11:23
Hmm...
Har testet din kode og det lader til at det har noget at gøre med doc-typen:
prøv at bruge html5 doc typ opsætning istedet for det du gør nu...så virker det ihvertfald for mig:
Kode: Vælg alt
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="utf-8" />
<title>Samsagen</title>
<link rel="stylesheet" href="css3.css" type="text/css" />
</head>
<body>
<!-- Hoved div: -->
<div id="hoved">
<!-- Top div: -->
<div id="top">Informationsside .....</div>
<!-- Indhold div: -->
<div id="indhold">
<center>Indhold</center>
</div>
</div>
</body>
</html>
Alternativt kan du prøve at style dit body-tag med "text-align:center"
-
ingemannlarsen - Begynder
- Indlæg:3
- Tilmeldt:20. maj 2012, 19:56
Indlæg
af ingemannlarsen » 21. maj 2012, 17:08
Mange tak, Thomas, problemet blev løst, da jeg ændrede til <!DOCTYPE html>.
Jeg husker ikke, hvor jeg fik den tidligere doctype fra, jeg må have pastet den ind et eller andet sted fra.
Men nu lærte jeg lidt om doctype. Jeg er relativt nybegynder med html og ikke mindst div. Nu har jeg fået mod på mere.
Tusind tak. Fantastisk med dette site.
