Frågan#1
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!
hjälp med doctype..
HTML & CSSur HTML, XHTML & CSS
5 svar · 279 visningar · startad av LOOlau
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...
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....
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?
body {
height: 100%;
}