14 svar · 603 visningar · startad av claudiomarino
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"
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.
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 :(
Jag hade exakt samma problem, tog ett tag innan jag kom på vad orsaken var.
Varför kommer man till microsoft.com när man anger http//:claudiomarino.com?
Det är ju rätt off topic, men om du skriver http**://**claudiomarino.com så ska du se att det går bättre.
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? ;)
Länk till sidan? Kod?
Hur gör du för att centrera??
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>
För att centrera även i IE, lägg till
text-align:center;
under body{}.
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 :)
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?
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.
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.