---
title: "hjälp med doctype.."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/109997-hjälp-med-doctype"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "LOOlau"
published: "2004-08-25T09:41:08.000Z"
updated: "2004-08-25T17:38:06.000Z"
replies: 5
views: 284
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/109997-hjälp-med-doctype"
---

# hjälp med doctype..

## #1 — LOOlau, 2004-08-25T09:41Z

Jag behöver hjälp med doc type..

1: Vad fan är det för något? :q

2: Hur vet man vilken doc type som är rätt för ens sida? 

3: Förklara för mig som om jag vore tre år!   :r 

Tack på förhand!

Permalänk: https://www.webforum.nu/p/109997

## #2 — Web-Tor, 2004-08-25T09:48Z

Här har du lite att läsa:
<http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=77151>
<http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=47269>

<http://xhtml.nu/artiklar/xhtml_1_0/att_valja_ratt_doctype.html>
<http://xhtml.nu/resurser/specifikationer/ajda.html>

Permalänk: https://www.webforum.nu/p/1419052

## #3 — LOOlau, 2004-08-25T12:30Z

jahopp.. laggt till en doc type nu.. fick endel valideringsfel som jag ska fixa..

Fick ytterligare ett fel i IE att ett streck (div med border-right) inte går ända ner, :l det gjorde det förut..

Hoppas ja inte missat något nu....
   
html:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>		
	<head>
		<title>
			test sidan som ska rocka....
		</title>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
		<link rel='stylesheet' href='menu.css' />
		<link rel='stylesheet' href='homepage.css' />
		<link rel='stylesheet' href='shared.css' />

	</head>

	<body>
		<table border=0 height='100%' width=982px>
			<tr>
				<td valign='top'>
					<div>
							<div style='
								background-image: url("img/topback.png"); background-repeat: no-repeat; 
								background-position: 516px 2px; float:left; border-bottom:1px solid #999999; 
								border-right:1px solid #999999; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
								background-color:white; height:59px; width:812px;'>
							
							</div>
							
							<div  style='float:left; margin:0px 0px 0px 0px; background-color:white; width:157px;'>
								<div id='navcontainer'>
									<ul id='navlist'>
										<li style='font-size:10px; margin-top:0px;'>
											<a href='?'>
												meny1
											</a>
										</li>
										
										<li style='font-size:17px;'>
											<a href='?meny2=365'>
												meny2
											</a>
										</li>
									</ul>						
						
								</div>
							</div>
						</div>
						<div id='page_right'>
						
						<div>
						
							<div id='page_left'>
								<table width='100%' class='thetextarea' cellpadding=0 cellspacing=0>
									<tr>
										<td style='padding:3px 3px 3px 6px; color:#000033;
												background-color:#FF9900;
												border:3px double #FFFFCC;
												border-bottom:none;'>
											<b>bla bla bla</b>
										
										</td>
										<td width='10%'>
										</td>
									</tr>
									<tr width='100%'>
										<td colspan=2 style='padding:10px 4px 40px 6px;
													color:#000033;
													background-color:#CCCCCC;
													border:3px double #FFFFCC;'>
											blablablabal	
										<td>
									</tr>
								</table>
								<br />
							</div>
					</div>
				</td>
			</tr>
		</table>
	</body>
</html>
```

homepage.css

```
a:hover.link-underlined
{
	text-decoration:underline;
}

a:active  
{
	color: #000000; text-decoration: none;
}
 
a:link
{
	color: #000000; text-decoration: none;
	/*text-decoration:underlined;*/
}
 
a:visited
{
	color: #000000; text-decoration: none;
}
 
a:hover  
{
	color: black; text-decoration: none; 
	background-color:#FFFF66;
	/*border:1px solid black;*/
}

body, table, div
{
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, San-serif;
	font-weight : normal;
	font-style : normal;
	color : black;
}
#page_right, #page_left
{
	font-size:12px;
	background-color:white;
}

#page_left a:active	
{
	font-color: red;
	text-decoration:underlined;
}

#page_left
{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	border-right:1px solid #999999;
	float:left;
	height:100%;
	width:513px;
}

#page_right
{
	float:left;
	width:298px;
}

#page_right .img
{
	margin: 10px 0px 0px 17px;
	width: 267px; 
}
```

shared.css

```
textarea
{
	border: 1px solid;
}

form
{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

input
{
	border: 1px solid;
}

html
{
	height:100%;
	margin: 0px 0px 0px 0px;
}

body
{
	height:100%;
	margin: 0px 0px 0px 0px;
}

div
{
	
}
.thetextarea a
{
	text-decoration: underline;
}

.thetextarea 
{
/*	font-size:111px; */
	padding:0px 10px 0px 0px;
	width:100%;
	
}
```

Hoppas någon orkar...

Permalänk: https://www.webforum.nu/p/1419154

## #4 — LOOlau, 2004-08-25T12:33Z

Hmm... doh... 

Nu när jag kollar hur denna kod kompilerar så ser det likadant ut i IE och i mozilla... dvs sträcket är INTE ända ner på någon av dom.. så jag har missat något från min kod....

Permalänk: https://www.webforum.nu/p/1419156

## #5 — LOOlau, 2004-08-25T13:48Z

hmm.. jag.. förvirrad...

Fråga:

Har:
\<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"\>

Fråga:
Räcker det att alla element har height:100%; eller måste jag göra något annat för att göra så den kommer hela vägen ner?

Permalänk: https://www.webforum.nu/p/1419183

## #6 — Tinwëlint, 2004-08-25T17:38Z

```
body {
height: 100%;
}
```

Permalänk: https://www.webforum.nu/p/1419278

---

Tråden på webben: https://www.webforum.nu/amne/html-css/109997-hjälp-med-doctype
