Jag kanske är helt ute och cycklar, men försöker att leka lite med css, inpererad av tidigare inlägg. Börja med att rätta till de direkta felen i css-koden: Som jag nämde, så försöker jag att testa fram ett resultat. Nu placerar du ju objektet ett visst antal pixlar från toppen, det gör ju att det bara fungerar med en viss upplösning, en viss webbläsare, en viss konfiguration av webbläsarens verktygsrader, en viss profil i windows... Om jag använder mig av bottom, så syns ingenting. http://www.w3schools.com/css/pr_pos_bottom.aspProblem med css
I mina frame har jag bl a två yttersidor. Vad jag försöker med är att lägga en färg där, som är 100%
bred och 100px hög med absolut position.
.sidaover
{
background-color:"#EDC068";
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%px;
height:100px;
position: relative;
overflow: off;
border-style: solid;
border-width: 5px;
border-color: "#EDC068";
border-left-color: "#EDC068";
border-top-color: "#EDC068";
border-bottom-color: "#F6E5C3";
padding: 0px 0px 0px 0px;
z-index: 0;
background: "#EDC068";
}
Detta fungerar bra, och vis av framgången så ville jag göra likadant i botten.
Alltså 100% bred och 80px hög.
Nu stöter det på patrull, hur skall jag tala om att jag ville ha den i botten, oavsett om jag har
fullskärm eller inte?
Dessutom så får jag en "glipa" på vänster resp höger sida...
.sidaunder
{
background-color:"#EDC068";
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%px;
height: 80px;
position: relative;top: 645px; left: 0px;
overflow: off;
border-style: solid;
border-width: 5px;
border-color: "#EDC068";
border-left-color: "#EDC068";
border-top-color: "#F6E5C3";
padding: 0px 0px 0px 0px;
z-index: 0;
background: "#EDC068";
}
Hur löser jag detta.
Jag vore också tacksam för en förklaring till vad siffrorna för marginal står för (är det kanske här det brister?).
Sv: Problem med css
Du ska inte ha några citattecken runt färgkoderna.
"%px" är inte någon enhet som finns. "%" eller "px".
overflow har inget värde "off". Du kan sätta den till visible, scroll, hidden eller auto.Sv:Problem med css
Hur jag än gör, så går det galet. Finns det inget sätt att kunna börja "ifrån botten"?
<code>
.sidaunder
{
width: 100%;
height: 80px;
position: relative;top: 640px; left: 0px;
border-style: solid;
border-width: 5px;
border-color: #EDC068;
border-left-color: #EDC068;
border-top-color: #F6E5C3;
background: #EDC068;
}
</code>
Om jag har fullskärm, så ligger de på plats, men det är "glippor" i botten på bägge sidor.Sv: Problem med css
Gör som Johan sa och använd bottom.Sv:Problem med css
När jag använder px(det vill jag ju inte) då synsdet.
Jag inser att någonting är väldigt fel, och när jag i natt surfade runt och letade om position, så fan
jag gång på gång, bottom, men jag får det inte att fungera.Sv: Problem med css
NN 6.0 och IE5.0 därifrån ska det stödjas, hur det är med FireFox vet jag inte.
//Anna-Karin