Frågan 21 nov. 2004 13:24 #1 På den här sidan får jag i Internet Explorer en liggande scroll längst ned på sidan. Med eldräven funkar allting utmärkt.
Får ni också en liggande scroll i IE?
Om ja, någon som vet vad det beror på?
Så här ser main.css ut:
body {
margin: 0;
padding: 0;
background-color: #D2381B;
font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-size: 0.7em;
}
#webpage {
width: 600px;
margin: 0px auto;
background-image: url(images/webpage_bg.gif);
background-repeat: repeat-y;
background-position: center;
}
#webpage_top {
padding: 25px 40px 0px 60px;
height: 150px;
background: url(images/webpage_top.gif) no-repeat top center;
text-align: left;
color: #FFF;
}
#webpage_top a {
color: #FFF;
text-decoration: none;
}
#webpage_top a:hover {
color: #FFF;
text-decoration: underline;
}
#webpage_top h1 {
margin: 0;
font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, Sans-serif;
font-size: 3.5em;
text-shadow: 0.2em 0.2em 0.2em #666;
}
#webpage_content {
margin: -40px 8px 0 55px;
color: #3A5245;
}
#content {
padding: 15px;
width: 300px;
float: left;
line-height: 1.3em;
}
#content p {
}
#content p.justify {
text-align: justify;
}
#content a {
color: #D2381B;
text-decoration: underline;
}
#content a:hover {
color: #13934C;
text-decoration: underline;
}
#content h2 {
margin: 8px 0 30px 0;
font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, Sans-serif;
font-size: 2.2em;
}
#content h3 {
margin: 0;
font-size: 1.2em;
}
#content li {
margin: 0 0 30px -39px;
list-style: none;
list-style-image: none;
}
#content .datetime {
color: #666;
font-size: 0.9em;
}
#sidebar {
padding: 20px;
width: 130px;
float: left;
font-size: 0.9em;
line-height: 1.4em;
}
#sidebar #navigation li {
margin: 0 0 0 -35px;
font-size: 1.1em;
font-weight: bold;
}
#sidebar a {
color: #06C;
text-decoration: none;
}
#sidebar a:hover {
color: #F60;
text-decoration: none;
}
#sidebar h3 {
margin: 0 0 10px 0;
font-size: 1.3em;
}
#sidebar li {
margin: 0 0 20px -35px;
list-style: none;
list-style-image: none;
}
#webpage_bottom {
clear: both;
height: 40px;
background: url(images/webpage_bottom.gif) no-repeat bottom center;
text-align: center;
font-size: 0.9em;
color: #666;
}
#webpage_bottom a {
color: #06C;
text-decoration: none;
}
#webpage_bottom a:hover {
color: #F60;
text-decoration: none;
}
.img_left {
display: box;
margin: 5px 10px 5px 0;
float: left;
}
.img_right {
display: box;
margin: 5px 0 5px 10px;
float: right;
}
Tack på förhand :)
J jarvklo Medlem sedan juli 2001 3 378 inlägg Hmm..
Det beror på att din .tk-adress innebär att .tk automatiskt ramar in din sida med framesetkoden
<frameset rows="*,1" framespacing="0" border="0" frameborder="NO">
<frame src="http://www.svetsochsmide.com/blog" name="dot_tk_frame_content" scrolling="auto" noresize>
</frameset>
och att MSIE ger dig en sidscroll med den koden om du inte t.ex. kör med CSS-stilen "overflow-x:hidden" på body på din sida ;)
Hmm, det tycks stämma att .tk-ramen är orsaken, men det hjälpte inte att lägga in "overflow-x:hidden" i body... ?
J jarvklo Medlem sedan juli 2001 3 378 inlägg Hmm...
Du kör xhtml och har en <!DOCYTYE som gör att MSIE tar upp sidan i "Standards" mode...
Blir det bättre om du sätter den "overflow-x:hidden" på html då ? *osäker*
M maqs Medlem sedan okt. 2004 15 inlägg Jag testade att göra det också, men det hjälpte tyvärr inte. Ser att SimOnline fortfarande har samma problem. Inga andra ideér?
Tack.
M maqs Medlem sedan okt. 2004 15 inlägg Om det underlättar, tittar man på denna sidan som också kör med .tk domän så blir det inte så: https://www.knockoutgbg.tk
Någon som kan se varför?
J jarvklo Medlem sedan juli 2001 3 378 inlägg Hmm..
Verkar kunna bero på valet av <!DOCTYPE...
maqs - du kär ju HTML4.. Vad händer om du byter till "deras" <!DOCTYPE ?
M maqs Medlem sedan okt. 2004 15 inlägg Ok, men hur får jag reda på vilken <!DOCTYPE dot.tk kör med? Eller vad skall jag skriva ist?
EDIT--> Men https://www.knockout.tk som jag nämnde ovan har precis samma: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
Och där visas ingen scrollbar?
J jarvklo Medlem sedan juli 2001 3 378 inlägg Hmm..
Ledsen om jag var oklar - Jag utgår ifrån att du inte kan påverka den <!DOCTYPE som .tk lägger in i sitt frameset...
Jag undrar egentligen helt enkelt vad som händer om du kör med
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
som <!DOCTYPE på din sida ( http://gylling.1go.dk )
Orsaken att jag undrar är att den <!DOCTYPEn ställer in MSIE i "Quirks mode" (dvs den får MSIE att agera "bakåtkompatibelt") och att den du använder idag ställer MSIE i "Standards mode"... Ibland kan skillnaden i hanteringen av sidorna märkas - och jag har stött på skillnader i just hanteringen av rullningslister i MSIE för sidor laddas in i en <frame> eller en <iframe> tidigare...
Mer om olika moder: http://www.hut.fi/u/hsivonen/doctype.html
M maqs Medlem sedan okt. 2004 15 inlägg Hmm, ok. Vet inte om jag är ute och cyklar nu men följande är precis vad jag kör med nu: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
J jarvklo Medlem sedan juli 2001 3 378 inlägg Hmm..
När jag tittar på koden som just nu ligger på http://gylling.1go.dk hittar jag dokumenttypen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
och det är inte samma som
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
;)
M maqs Medlem sedan okt. 2004 15 inlägg Hehe, ok, var inte riktigt uppmärksam, sorry.
Hursomhelst gjorde det susen. Tack så mycket för hjälpen. :)
EDIT--> Förresten, tror du att det räcker att ha det så i index filen, eller måste jag ta bort den raden i alla (kommande) sidor tror du?
J jarvklo Medlem sedan juli 2001 3 378 inlägg Hmm...
Du måste nog räkna med att ha samma <!DOCTYPE på alla dina sidor eftersom de alla kan tänkas hamna i .tk:s frameset ;)