webForumDet fria alternativet
Logga in / Bli medlem

Scrollproblem i FF

HTML & CSS

14 svar · 605 visningar · startad av claudiomarino

claudiomarinos avatarclaudiomarinoMedlem sedan okt. 200472 inlägg
Trådstart#1

jag har gjort en sida med div´ar som fungerar fint i Intenet Explorer och Opera, där det automatiskt laddas en vertikal scroll, oavsett om den behövs eller inte. hur gör jag för att den ska laddas i Firefox också? utan scroll "hoppar" sidan i sidled beroende på om man går in på en sida som laddar en scroll eller inte.

jag använder följande Doctype: "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

silfverMedlem sedan apr. 200312 679 inlägg
#2

Pröva det här i din css:

body { /* alternativt  body, html  */
	height: 101%;
}

Men då blir det ju alltid en scroll, ingen "tom" scroll, som IE förmodligen visar.

claudiomarinos avatarclaudiomarinoMedlem sedan okt. 200472 inlägg
#3

det fungerar jättebra (även om en tom scroll hade varit att föredra) i FF men inte i IE, där centreringen slutat fungera :(

linuxMedlem sedan nov. 200521 inlägg
#4

Jag hade exakt samma problem, tog ett tag innan jag kom på vad orsaken var.

linuxMedlem sedan nov. 200521 inlägg
#5

Varför kommer man till microsoft.com när man anger http//:claudiomarino.com?

silfverMedlem sedan apr. 200312 679 inlägg
#6

Det är ju rätt off topic, men om du skriver http**://**claudiomarino.com så ska du se att det går bättre.

claudiomarinos avatarclaudiomarinoMedlem sedan okt. 200472 inlägg
#7

upps, ska åtgärdas!

nån lösning på problemet?

InsiderMedlem sedan jan. 2000978 inlägg
#8

linux skrev:

Jag hade exakt samma problem, tog ett tag innan jag kom på vad orsaken var.

...och vad orsaken var har du glömt nu, eller? ;)

InsiderMedlem sedan jan. 2000978 inlägg
#9

Länk till sidan? Kod?
Hur gör du för att centrera??

claudiomarinos avatarclaudiomarinoMedlem sedan okt. 200472 inlägg
#10

Insider skrev:

Länk till sidan? Kod?
Hur gör du för att centrera??

CSS:
----------------------------------------
html, body {
height: 100%;
margin: 0;
padding: 0;
background-image:url(img/bg-1.gif);
background-repeat: repeat;
background-color: #545454;
}

#container {
height: 100%;
width: 690px;
margin: 0 auto;
border: 5px solid black;
border-top: 0;
border-bottom: 0;
background-color: #727272;
text-align: left;
}

#top {
height: 150px;
color: #fff;
background-image:url(img/top.jpg);
background-repeat: no-repeat;
background-color: #727272;
}

#main {
margin-left: 20px;
margin-right: 20px;
margin-top: 0px;
margin-bottom: 20px;
}

HTML:
----------------------------------------
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />

<title>Scott Kelly - The official website.</title>

<link href="style.css" rel="stylesheet" type="text/css" media="screen" />

</head>

<body>
<div id="container">

<!-- MENU -->
<div id="top">
<img src="img/null.gif" style=" width: 690px; height: 20px; border: 0;" />
<a href="pages/main.htm"><img src="img/null.gif" style="width: 300px; height: 20px; border: 0;" /></a>
<img src="img/null.gif" style=" width: 25px; height: 20px; border: 0;" />
<a href="pages/news.htm" class="menu"><img src="img/button-1.gif" style="height: 20px; border: 0;" /></a>
<a href="pages/about.htm" class="menu"><img src="img/button-2.gif" style="height: 20px; border: 0;" /></a>
<a href="pages/kmbt.htm" class="menu"><img src="img/button-3.gif" style="height: 20px; border: 0;" /></a>
<a href="pages/bat.htm" class="menu"><img src="img/button-4.gif" style="height: 20px; border: 0;" /></a>
<a href="pages/merch.htm" class="menu"><img src="img/button-5.gif" style="height: 20px; border: 0;" /></a>
</div>
<!-- / MENU -->

<!-- CONTENS -->
<div id="main">
</div>
<!-- / CONTENS -->

</div>
</body>

</html>

InsiderMedlem sedan jan. 2000978 inlägg
#11

För att centrera även i IE, lägg till
text-align:center;
under body{}.

linuxMedlem sedan nov. 200521 inlägg
#12

Tja silfver!

Grejen är den att jag kopierade länken (den var inte klickbar tidigare, död_sol måste ha ändrat på det idag), klistrade in den i FF och hamnade på microsoft.com. Men du har rätt detta är off topic.

Jag hade alltså problem med att mitt innehåll flyttades till vänster på vissa av mina sidor. Det tog ett tag innan jag kom på att det hade att göra med att den vertikala scrollern poppa upp. Jag får leva med det :)

claudiomarinos avatarclaudiomarinoMedlem sedan okt. 200472 inlägg
#13

Insider skrev:

För att centrera även i IE, lägg till
text-align:center;
under body{}.

det fungerade utmärkt :) vet du om det i sin tur för med sig nåt annat dumt?

linuxMedlem sedan nov. 200521 inlägg
#14

död_sol skrev:

det fungerade utmärkt :) vet du om det i sin tur för med sig nåt annat dumt?

Jag kör på samma sätt, har inte stött på några probelm.

InsiderMedlem sedan jan. 2000978 inlägg
#15

död_sol skrev:

det fungerade utmärkt :) vet du om det i sin tur för med sig nåt annat dumt?

Bara att all text på sidan blir centrerad. Men det fixar sig ju eftersom du ändrar till vänsterjustetat i #container.

267 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)