AsaMedlem sedan dec. 20011 860 inlägg
TroxyMedlem sedan mars 20041 505 inläggJag tror att doctype-felet beror på att den innehåller två tabbsteg.
Testa ersätt dom med blanksteg, eller lägg hela doctypen på en egen rad.
AsaMedlem sedan dec. 20011 860 inlägg Verkar vara de flesta som har det felet när jag kika runt på lite olika sidor.. men det står ju
"This Page Is Tentatively Valid XHTML 1.0 Strict"
Aja, får leta vidare om ingen här vet varför det står som det står. Så här står det ju på deras sida:
The document located at <http://www.gruvsjo.com/css2/\> was checked and found to be tentatively valid XHTML 1.0 Strict. This means that with the use of some fallback or override mechanism, we successfully performed a formal validation using an SGML or XML Parser. In other words, the document would validate as XHTML 1.0 Strict if you changed the markup to match the changes we have performed automatically, but it will not be valid until you make these changes.
Vad menas med det?
Asa skrev:
Jag är tvungen att ha min-height : 600 för den blir ej fullhöjd.
Någon som vet hur jag gör för att få fullhöjd?
Jag skrev i ditt förra inlägg: http://member.webforum.nu/2241/bottenfast_sidfot_plus_tvaspalt.html
Följ denna och testa. den ger dig 100% av höjden.
AsaMedlem sedan dec. 20011 860 inlägg Ja men kan man inte få in det i min stilmall på den jag har här
på något vis? Vill ha det upplagt så..!?
http://www.gruvsjo.com/css/
du har bla inte:
html,body {
height:100%; /* se till att vi kan utnyttja hela visningsytan */
}
AsaMedlem sedan dec. 20011 860 inlägg Aha, hade jag missat det. Tackar :)
AsaMedlem sedan dec. 20011 860 inlägg Jag återkommer om jag missat nåt.
/* CSS Document */
html
{
height: 100%;
}
body
{
margin:0;
padding:0;
color: #000;
background-color:#C2C5CE;
font-size: 11px;
height:100%;
font-family: arial, Courier New, verdana, helvetica, trebuchet ms;
}
* {margin:0;padding:0;}
p{
padding:5px;
margin:0;
}
img {
border-color: #000000;
}
form{
padding:0px 2px 2px 2px;
margin:0px;
}
a{
text-decoration:none;
color: #000;
}
a:hover{
text-decoration: underline;
color: #000;
}
.clear{
clear:both;
}
.dot{
border-bottom:1px dotted #ccc;
width: 100%;
height: 1px;
font-size:1px;
line-height:1px;
}
.fullwidth{
margin:5px;
padding:0;
background-color:#F0F0F0;
border:1px solid #C4D8F1;
}
.fullwidth h1{
background-color:#C4D8F1;
margin:0;
font-size: 11px;
font-weight: bold;
padding:3px;
}
.widecolumn{
float:left;
width:357px;
margin:0 5px 0 5px;
background-color:#F0F0F0;
border:1px solid #C4D8F1;
padding:0;
}
.smallcolumn{
float:right;
width:180px;
margin:0 5px 0 0;
padding:0;
background-color:#F0F0F0;
border:1px solid #C4D8F1;
}
.totcolumn{
margin:2px;
padding:0;
}
.widecolumn h3, .smallcolumn h3{
background-color:#C4D7F8;
padding:3px;
font-size: 11px;
font-weight: bold;
margin:0;
}
#wrap
{
min-height:100%;
height:100%;
margin:0 auto;
width:700px;
background: #fff;
border-right:1px solid #333;
border-left:1px solid #333;
}
#pagetop
{
background-image:url('/gfx/logo.gif');
height: 90px;
width:100%;
background-color:#E5EFF9;
}
#pagemenu
{
background-color:#C1D9F3;
border-top:1px solid #333;
border-bottom:1px solid #333;
}
#leftmenu
{
float:left;
width:140px;
border-right:1px dotted #666;
background-color:#E5EFF9;
}
#leftmenu ul{
border:0;
margin: 5px 5px 0 10px;
padding:0;
list-style-type:none;
}
#leftmenu li{
margin: 0;
padding: 0;
}
#leftmenu a{
text-decoration:none;
color: #000;
}
#leftmenu a:hover{
text-decoration: underline;
color: #000;
}
#leftmenu h4{
margin:5px 0 5px 0;
background-color:#C4D7F8;
padding:3px;
font-size: 11px;
font-weight: bold;
}
#content
{
float:right;
width:559px;
background-color:#FFFFFF;
}
#pagefooter
{
clear:both;
width:700px;
border-top:1px solid #333;
background-color:#C1D9F1;
height:27px;
margin-left:auto;
margin-right:auto;
margin-top:-28px;
}
#belowthebottom {
clear:both;
height:28px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="/inc/js.js"></script><title>Gruvsjo.com - webbutveckling fr alla - nu som community!</title>
<style type="text/css" media="screen">
<!--
@import url("default.css");
-->
</style></head><body>
<div id="wrap">
<div id="pagetop">
</div>
<div id="pagemenu">
<p>
1 inloggade - 31 medlemmar
</p>
</div>
<div id="pagecontainer">
<div id="leftmenu">
<h4>Navigering</h4>
<ul>
<li><img src="/gfx/ikon.gif" alt="meny_ikon"> <a href="http://www.gruvsjo.com/css2/default.asp" title="Startsidan">Startsidan</a></li>
<li><img src="/gfx/ikon.gif" alt="meny_ikon"> <a href="http://www.gruvsjo.com/css2/out_signup.asp" title="Bli medlem">Bli medlem</a></li>
<li><img src="/gfx/ikon.gif" alt="meny_ikon"> <a href="http://www.gruvsjo.com/css2/out_forgot.asp" title="Glömt lösen">Glömt lösen</a></li>
<li><img src="/gfx/ikon.gif" alt="meny_ikon"> <a href="http://www.gruvsjo.com/css2/out_contact.asp" title="Kontakta oss">Kontakta oss</a></li>
</ul>
</div>
<div id="content">
<div class="fullwidth">
<h1>Sidans Titel</h1>
<p>massa text här</p>
</div>
<div class="widecolumn">
<h3>Information</h3>
<p>Info texten kommer här</p>
</div>
<div class="smallcolumn">
<h3>Logga In</h3>
<p>[form_for_login]</p>
</div>
</div>
</div>
<div id="belowthebottom"> </div>
</div>
<div id="pagefooter">
<p>© Copyright Gruvsjo.com community 2000-2008</p>
</div>
</body></html>
AsaMedlem sedan dec. 20011 860 inlägg Jag fick till det i min kod men utan att lägga in den där belowbottom men vilket är bäst att göra? Som koden deu nyss skrev eller med det jag har gjort? :)
Fast det blir mer än full höjd på min kod..
http://www.gruvsjo.com/css
för att du inte lägger #belowthebottom i din #wrap div och din pagefooter utanför din wrap div så kommer den alltid bli 100% + höjden för pagefooter.
AsaMedlem sedan dec. 20011 860 inlägg OKej. Tackar då vet jag :)
Tråden rensad från OT-inlägg enligt webForums regler §4! (Inlägg som medvetet inte besvarar frågan)
Det bör ses som uppenbart att Asa inte var ute efter att köpa en betald tjänst då hon inte postade frågan i tjänsteforumet eller nämnde att hon bar beredd att betala för tjänsten. Därför raderas detta inlägg och efterföljande diskussion.
w333!Medlem sedan jan. 200826 inlägg
Asa skrev:
Sen äre nåt fel med DOCTYPE enligt denna:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gruvsjo.com%2Fcss2%2F&charset=(detect+automatically)&doctype=XHTML+1.0+Transitional&ss=1&group=0&No200=1
Hjälp tack :)
Hej Asa!
Nu är ju sidan väck med ett "Internal server error", men eftersom du skrev
Asa skrev:
Verkar vara de flesta som har det felet när jag kika runt på lite olika sidor.. men det står ju
"This Page Is Tentatively Valid XHTML 1.0 Strict"
är det enkelt att klura ut vad du råkat ut för ändå...
Du har helt enkelt valt att validera en sida som kör "Strict" men råkat ställa in validatorn att enbart använda valideringsreglerna för "Transitional" ;)
Det gör du genom att du (eller ditt verktyg) använder inställningen
&[b]doctype=XHTML+1.0+Transitional[/b]
i URL:en när du anropar validatorn (kolla länken du angav i din fråga ;) ) samtidigt som sidan du validerar använder
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Ställ in "Detect automatically" för doctype vid valideringen istället så blir det inga sådana konstigheter ;)
AsaMedlem sedan dec. 20011 860 inlägg Okej, tackar. Här ligger sidan iallafall
http://css.gruvsjo.com
