8 svar · 517 visningar · startad av Peeer
body { background:#030352; margin:0px; }
#bigbox { position:absolute; left:150px; right:15px; top:15px; bottom:15px;
width:624px; height:100%; background:#fff url(top.gif) repeat-x top;
padding:0px; margin: auto; }
#bigbox-left { background: url(left.gif) repeat-y left; height: 100%; }
#bigbox-right { background: url(right.gif) repeat-y right; height: 100%; }
#bigbox-bottom { background: url(bottom.gif) repeat-x bottom; height: 100%; }
#bigbox-topleft { background: url(top-left.gif) no-repeat top left; height: 100%; }
#bigbox-topright { background: url(top-right.gif) no-repeat top right; height: 100%; }
#bigbox-bottomleft { background: url(bottom-left.gif) no-repeat bottom left; height: 100%; }
#bigbox-bottomright { background: url(bottom-right.gif) no-repeat bottom right; height: 100%; padding:15px; )
När jag försöker validera ovanståend kod så får jag fel på den sista raden: "Line: 12 Context : #bigbox-bottomright
Parse Error - [empty string]". Vad är fel?
Förutom det felet så får jag även varningar på två ställen:
Line : 1 Level : 1 You have no color with your background-color : body
Line : 3 Level : 1 You have no color with your background-color : #bigbox
Hur blir jag av med varningarna?
Varningarna betyder att du uppmanas ta med "color" i style-deklarationerna.
Angående "Parse Error" har jag för mig att det är en bugg i validatorn. Använde du "upload" när du validerade filen? Om så är fallet, testa med att validera hela webbsidan istället.
#bigbox-bottomright har du avslutat med en parentes ')' istället för en klammer '}'.
För att få bort varningarna lägger du till ett värde för color i de båda (eftersom du angett en bakgrundsfärg i dessa varnar validatorn om det).
En varning är egentligen inget du behöver åtgärda, men som kan vara bra att tänka på.
mikkeX skrev:
#bigbox-bottomright har du avslutat med en parentes ')' istället för en klammer '}'.
Attans! Tack
För att få bort varningarna lägger du till ett värde för color i de båda (eftersom du angett en bakgrundsfärg i dessa varnar validatorn om det).
och
Varningarna betyder att du uppmanas ta med "color" i style-deklarationerna.
Möjligen är jag dum, men tyvärr så begriper jag inte vad ni menar. Kan ni förklara bättre tro?
En varning är egentligen inget du behöver åtgärda, men som kan vara bra att tänka på.
Nej det är sant, men vill helst ha en fil som är både fel och varningsfri
Finns det förresten något sätt att få "bigbox" att täcka hela skärmen i höjdled? Trots att jag har height:100%, så blir lagret inte större än innehållet i det.
Vad jag menar är att du i body och #bigbox har angett en bakgrundfärg.
Då tycker validatorn att du också bör ange en textfärg till de väljarna, så body kan till exempel bli
body
{
background:#030352;
margin:0px;
[B]color: white;[/B]
}
Klarare?
Peeer skrev:
Finns det förresten något sätt att få "bigbox" att täcka hela skärmen i höjdled? Trots att jag har height:100%, så blir lagret inte större än innehållet i det.
Det gör det helt säkert, det är lättare att hjälpa dig om man får se hela koden på sidan inte bara stilmallen.
Men kanske något sådant här:
body, html
{
width: 100%;
height: 100%;
}
#bigbox { margin:15px 15px 15px 150px;
width:624px; height:100%; background:#fff url(top.gif) repeat-x top;
padding:0px; }