HTML & CSSur HTML, XHTML & CSS
10 svar · 811 visningar · startad av maggie
Fattar ingenting ?? Ute på nätet ser den ut som jag vill.
http://midnattsritten.silvercaladora.se/
Men i min dator när jag jobbar ned den finns det en liten ruta jag inte blir av med, mellan loggan och texten.
http://midnatt.silvercaladora.se/#home
Hoppas nån vänlig själ kan hjälpa mej innan jag blir galen :)
Min css ser ut så här:
body {
background-color: #9b9cb0;}
#container
{
width:960px;
height: 900px;
margin: 0.4em auto;
background-color: #9b9cb0;
border:2px solid #e7e7e7;
padding : 0.5px;
font-size:15px;color:#56506C;font-family:garamond; font-weight:bold;
}
#top
{
border-bottom:0px solid #e7e7e7;
height: 330px;
padding: 7em;
background-image :url(bild.jpg);
font-weight:bold;color:#56506C;font-family:verdana;
position : relative;
}
#top1
{
padding: 0.5em;
height: 80px;
border-bottom:0px solid #e7e7e7;
font-size: 40px;font-weight:bold;color:#efefef;font-family:Times New Roman;
position : relative;
background-image :url(topbild.jpg);
}
.box {
border:0px solid #1e0df5;
padding: 3px;
width:160px;
}
.scrollbox1 {
font-size:12px;color:#e7e7e7;font-family:Times New Roman;font-weight:bold;
margin : 10px;
width: 170px; padding: 5px;
float: left;
margin:1px ;
background-color: #9b9cb0;
border:0px solid gray;
}
#content
{
float: left;
background-color: #c0c2ec;
margin-left: 12px;
border-top:2px solid gray;
border-left:2px solid gray;
border-right:2px solid gray;
margin-right: 12px;
padding: 1em;
max-width:35em;
font-size:15px;color:#56506C;font-family:geneva; font-weight:bold;
}
A:link {color:#56506C;font-family:Times New Roman; }
A:visited {color:#56506C;font-family:Times New Roman;}
#menycontainer{float: left; margin: 0.1em 0 0 0.1em; padding: 0.1px;}
#meny{margin: 0; padding: 0.1px; list-style-type: none; font-size:12px;color:#56506C;font-family:Times New Roman;font-weight:bold;}
#meny a{width: 10em; text-decoration: none; display: block; padding: 0.1em ; margin-bottom: 0.4em; border: 2px solid #56506C;}
#meny a:link{color: #56506C;}
#meny a:visited{color: #56506C;}
#meny a:hover{background: #e7e7e7;}
#meny a#current{font-weight: bold;}
<style type="text/css">
.boxBody {border: 1px #235E9D solid;}
.boxHead {background-color: #6a7eb0; color: White; font-family: Verdana, Arial, Helvetica; font-size: 11px; padding: 3px; font-weight : bold;}
.boxHeadA {text-decoration : none; color : white; font-weight : normal;}
.boxCell {border-style : solid; border-color : #235E9D; border-width : 1px 0px 0px 0px; background-color: #e32020; padding: 2px; font-family: Verdana, Arial, Helvetica; font-size: 11px;}
.lankColor {text-decoration : none; color : blue;}
.aktColor {}
.namnColor {}
.veckaCell {border-style : solid; border-color : #235E9D; border-width : 0px 1px 0px 0px; font-family: Verdana, Arial, Helvetica; font-size: 12px;}
.xbig {font-family: Verdana, Arial, Helvetica; font-size: 20px;}
.xrbig {font-family: Verdana, Arial, Helvetica; font-size: 20px; color:red;}
.norm {border-style : solid; border-color : #235E9D; border-width : 0px 0px 1px 0px; font-family: Verdana, Arial, Helvetica; font-size: 11px;}
.snorm {border-style : solid; border-color : #235E9D; border-width : 0px 0px 1px 0px; background-color : white; font-family: Verdana, Arial, Helvetica; font-size: 11px;}
.bdBorder {background-color : #235E9D;}
.noKalender {font-family : Verdana, Arial, Helvetica; font-size: 11px;}
#dssTT {position:absolute; display:block;}
#dssTTcont {display:block; padding:3px 10px; margin-left:5px; background:#FFF;color:#000;border:1px solid black;font-family:Arial, Helvetica, sans-serif;font-size:8pt;}
</style>
Kolla detta först:
1. Är du 100% säker på att du har exakt samma filer i din dator som du har på servern? Inte bara html, utan även bilder, css och eventuellt andra? Om det är OK när du kollar på webben men fel när du kollar sajten lokalt, så KAN det tyda på att dom är olika.
2. Eftersom sajten på servern och sajten lokalt har olika sökvägar (URL) så har webbläsarens cacheminne sparat olika versioner av den. Har du rensat cacheminnet ordentligt (när du INTE har sajten uppe i webbläsaren)?
Jag har hämtat tillbaks alla filer från servern till min dator och får ändå samma resultat. Det är exakt samma filer nu. Ska ta och testa de i en annan dator nu och se om det blir lika. Tömmer också cacheminnet, har aldrig varit med om nått liknande...
Har nu kollat i en annan dator och där är allt ok. Men på min är det fortfarande konstigt. Kan det bero på att jag har nyss tagit ner explorer 9 ??
Nu när jag efter att rensat allt minne går ut på internet och kollar är det konstigt där med, ser lika ut som när jag inte lagt ut den...Ändå har jag inte rört de filerna som ligger på servern nu. Måste ju vara nått med min dator....
När jag öppnar sidan i safari och firefox är allt ok...Alltså måste det vara explorer som strular.....
Jag ser två fel i html-koden:
Här har du en </a> för mycket:
<a href="http://www.utvecklarna.se" target="_BLANK">
<img src="http://count.utvecklarna.se/1599/3319afbfc4" alt="besöksräknare" />
</a>
[B][red]</a>[/red][/B]<br/> <br/>
och i slutet av sidan har du en </div> för mycket:
[B][red]</div>[/red][/B]
</div>
</body>
</html>
Se vad som händer om tar bort dom. Sen verkar inte css stämma helt heller, men det tror jag inte har med den där rutan att göra.
När jag öppnar sidan i safari och firefox är allt ok...Alltså måste det vara explorer som strular.....
Nej, explorer "strular" inte. Det är Safari och FF som är mer "förlåtande". ;)
Din kod är nämligen inte helt ok, utan bara nästan.
Hjälpte tyvärr inte...Men är tacksam för hjälpen ändå. Jag kodar på väldigt låg nivå och trixar och fixar helt på egen hand, därför blir nog mina koder lustiga :) Vet att det inte är rätt många gånger men man lär sig av misstagen. Har du tid och ork får du gärna kolla css med. ( men bara om du har lust )
Vilken IE version kör du? Vill minnas att IE8 automatiskt kör kompabilitetsläge för interna sidor vilket har jävlats med mig också några gånger...
Vilken IE version kör du? Vill minnas att IE8 automatiskt kör kompabilitetsläge för interna sidor vilket har jävlats med mig också några gånger...
Det är IE9, och ser ut sådär om man inte kör med kompatibilitetsläget på.
Ja IE 9. Men efter att suttit och "lekt" hela dan med skiten, så blev det plötsligt rätt. Vet inte vad jag gjort, men lilla rutan är borta :) Undrar om jag vågar testa i nån annan webbläsare ??? Krånglar säkert på nått annat sätt där.
