webForumDet fria alternativet

Varför blir det en liggande scroll?

HTML & CSS

13 svar · 655 visningar · startad av SimOnline

Medlem sedan juli 20031 132 inlägg
Frågan#1

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 :)

Medlem sedan juli 20013 378 inlägg
#2

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 ;)

Medlem sedan juli 20031 132 inlägg
#3

Hmm, det tycks stämma att .tk-ramen är orsaken, men det hjälpte inte att lägga in "overflow-x:hidden" i body... ?

Medlem sedan juli 20013 378 inlägg
#4

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*

Medlem sedan okt. 200415 inlägg
#5

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.

Medlem sedan okt. 200415 inlägg
#6

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?

Medlem sedan juli 20013 378 inlägg
#7

Hmm..

Verkar kunna bero på valet av <!DOCTYPE...
maqs - du kär ju HTML4.. Vad händer om du byter till "deras" <!DOCTYPE ?

Medlem sedan okt. 200415 inlägg
#8

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?

Medlem sedan juli 20013 378 inlägg
#9

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

Medlem sedan okt. 200415 inlägg
#10

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">

Medlem sedan juli 20013 378 inlägg
#11

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">

;)

Medlem sedan okt. 200415 inlägg
#12

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?

Medlem sedan juli 20013 378 inlägg
#13

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 ;)

Medlem sedan okt. 200415 inlägg
#14

Ok, tack än en gång. :)

255 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
114 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)