horisontell scrollist i IE!!

8 svar · 461 visningar · startad av blåjeans 15 dec. 2005

blåjeansMedlem sedan sep. 2005849 inlägg

Frågan15 dec. 2005 17:56#1

Sökte här på wF men hittade inte rätt, så jag hoppas nån kan hjälpa mig? Jag har problem med en horisontell scrollist längst ner, men bara på vissa sidor, och bara i IE. Förut var det i FF också men jag ändrade lite pixlar och då blev det bra. Men det hjälper inte i IE, vad ska jag göra?
Sökte på nätet, och där hittade jag två olika varianter, en sa såhär:

Det beror på doctypen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Ta bort, "http://www.w3.org/TR/html4/loose.dtd" så det bara står så här:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">.

Då får man bort skrollen.

Läs vidare själv på: http://www.macromedia.com/devnet/mx/dreamweaver/articles/horizontal_scroll.html

Jo, listen försvann men då försvann även alla centreringar som jag gjort med css! Varför? :q

På ett annat ställe stod det att man kunde göra såhär med css:
body { overflow-X: hidden;}

Men det hände ju inget.
Hjälp!! :(

zcorpanMedlem sedan dec. 20042 245 inlägg

15 dec. 2005 20:42#2

blåjeans skrev:

Jo, listen försvann men då försvann även alla centreringar som jag gjort med css! Varför? :q

Av samma anledning som rullningslisten försvann: quirks mode. IE6 i quirks mode immiterar en del buggar i IE5, en av vilka innebär att centrering av block med CSS fungerar på fel sätt. 'text-align:center' på föräldern till blocket centrerar blocket. ('text-align' borde egentligen bara centrera text, inte block.)

Annars kanske du kan länka till sidan eller visa lite kod så kan vi försöka ta reda på vad det är som orsakar scrollen. (Det är nog inte doctypen. ;))

blåjeansMedlem sedan sep. 2005849 inlägg

16 dec. 2005 09:23#3

Okej... här kommer lite kod då. Fast jag säger inte att jag har kodat på nåt supersätt för jag håller på och lär mig... :OO

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="blabla">
<meta name="copyright" content="blabla">
<meta http-equiv="imagetoolbar" content="no">
<link rel="stylesheet" href="../textmall.css" type="text/css">
</head>

<body>
<div class="rubrik"><img src="rubrik" width="500px" height="84"></div>

<div class="space"></div>
<div class="bild">
  <img src="bild" width="133" height="100" border="2">
  <br>
  </div>
<div class="en box">
<p>en himla massa text</p>
<p>en himla massa text</p>
<p>en himla massa text</p>
<p>en himla massa text</p>
<p>en himla massa text</p>
<p>en himla massa text</p>
<p>en himla massa text</p>

</div>
</body>
</html>

boxen har de här måtten:

padding: 10px;
height: auto;
width: 410px;
margin-right: auto; margin-left: auto;
text-align:justify;
line-height:15px;

Själva framen som jag har detta i är satt till 620px, och inget som ligger däri är ju längre än 500px.
Vad är det för fel?
Det är ju bara i IE som det blir en äcklig horisontell scrollist. :(

tantenMedlem sedan nov. 20051 596 inlägg

16 dec. 2005 10:10#4

Fortfarande för lite css-kod för att se felet.
Har du med denna?
* {padding: 0; margin: 0;}
och vad har du gjort med body i stylesheeten?

blåjeansMedlem sedan sep. 2005849 inlägg

16 dec. 2005 11:08#5

Aha... såhär:

* { margin:0; padding:0; }

body {
	background-color: #f3f3f3;
	color: #333366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 11px;
        margin-left       : 0px;
	margin-top        : 0px;
	margin-right      : 0px;
	margin-bottom     : 0px;
	
}

Edit: Jag såg att jag missat ett ; efter paddingen högst upp, men det har jag lagt till nu.

tantenMedlem sedan nov. 20051 596 inlägg

16 dec. 2005 11:33#6

text-align: justify; ska du ändra till center i bodyn. (vet dock inte om det tar bort scrollen)
justify bör du inte använda överhuvudtaget för webben. Kan bli väldigt långa och konstiga mellanrum mellan ord, om användaren ändrar textstorleken.
Brukas vid utskrifter i första hand och i bland vid väldigt smala kolumner.

Har du en class som ser ut så här "en box" med mellanslag? Ändra det i så fall.

Ska dessa ligga bredvid varandra eller under varandra?
<div class="rubrik"><img src="rubrik" width="500px" height="84"></div><div class="space"></div>

Du ser det finns fortfarande för lite kod att titta på för oss.

Alla har vi varit nybörjare... och din kod ser helt OK ut annars...så

blåjeansMedlem sedan sep. 2005849 inlägg

16 dec. 2005 11:40#7

Men om man tar center istället, så blir det ju så konstigt om raderna är olika långa. Då blir det ju typ såhär och det ser ganska fult ut tycker jag... eller hur!?

I alla fall, nej boxen heter inte "en box", jag bara förklarade lite... ;)

De där div-arna ligger under varandra, som de gör i koden högst upp där. (det gör de här på min skärm iaf).

Men nu har jag kommit på att det blir bara en scrollist horisontellt när det även blir en scrollist vertikalt - men den vertikala ska vara där (när det behövs) för den har jag satt till "auto". Och det har jag gjort i frameset-dokumentet, så att "main" scrollas automatiskt om det behövs. Kan man skriva till nåt där så att det inte blir nån horisontell utan bara vertikal?

Det verkar ju alltså som att det inte är nåt i själva framen som tar upp plats, utan att det på nåt sätt får för sig att bara lägga en scroll längst ner när det blir en vertikal.
Hoppas ni förstår vad jag menar. :)

tantenMedlem sedan nov. 20051 596 inlägg

16 dec. 2005 11:54#8

blåjeans skrev:

Men om man tar center istället, så blir det ju så konstigt om raderna är olika långa. Då blir det ju typ såhär och det ser ganska fult ut tycker jag... eller hur!?

Du ska i alla fall ha center i body (för IE:s skull), sedan får du justifia i respektive div, där du vill ha sådan text.
Och då kan du få precis det du beskrev där uppe. ;)
Med text-align: left; händer detta aldrig.

"De där div-arna ligger under varandra, som de gör i koden högst upp där. (det gör de här på min skärm iaf)".

I html-koden ja, men det är med css du bestämmer hur de ska ligga... width, float, position m.m.

När det gäller frames, så får du vänta in någon annans svar. Övergav dem för ett par år sedan och kommer inte i håg, men har något minne av att man skriver no scroll på framesidan någonstans.

blåjeansMedlem sedan sep. 2005849 inlägg

17 dec. 2005 14:08#9

Jaså, var det så du menade. :) Mm... det där med float och grejer har jag inte riktigt lärt mig än, jag kör width och center och sånt så länge.
Men jag är inte säker på att det är några boxar eller nåt som har med saken att göra, för det är inte på alla sidor (trots att jag använder samma boxar på flera sidor), utan BARA när det blir en scrollist vertikalt också - och det ska det ju som sagt vara på vissa sidor.
Så... det jag undrar är om man, där man anger att scroll ska vara "auto" (vilket jag gjort i frameset'et), kan man ange att det bara ska vara scroll på ENA hållet, alltså vertikalt, men inte horisontellt? Det borde väl gå!? :q
Någon som vet hur?