Notifikationer

Markér alle som læst Log ud

moejensen Nybegynder

06. december 2003 - 15:15 Der er 11 kommentarer og
1 løsning

problemer med bund i netscape, mozilla og opera

Jeg har en side jeg har bygget op i CSS, og den ser ud som den skal i IE se eksempelvis her: http://test.moe-jensen.dk

Det er lavet således at bunden altid er nederst på siden uanset hvor høj browseren/indholdet er. Jeg har lavet det på følgende måde:

#main {
position : absolute;
height : 100%;
width : 700px;
left : 50%;
margin-left : -350px;
overflow : auto;
z-index : 2;
border-top : 59px solid #ffffff;
border-bottom : 30px solid #ffffff;
text-align : left;
}

#bottom {
position : absolute;
top : 100%;
margin-top : -30px;
height : 30px;
width : 100%;
background-image : url(/images/bottom_bg.gif);
background-repeat : repeat-x;
z-index : 3;
text-align : center;
}

Problemet er bare at det ikke virker i Netscape, Mozilla og Opera.

Hvad skal jeg lave om for at det også virker i disse browsere? og kan det overhoved lade sig gøre?

Synes godt om

roenving Novice

06. december 2003 - 15:29 #1

Prøvede dette, og det virkede i Mozilla, bortset fra en bund på ekstra 20-30%, som kom under bottom-div'en:

<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
#main {
position : absolute;
height : 100%;
width : 700px;
left : 50%;
margin-left : -350px;
overflow : auto;
z-index : 2;
border-top : 59px solid #ffffff;
border-bottom : 30px solid #ffffff;
text-align : left;
}

#bottom {
position : absolute;
top : 100%;
margin-top : -30px;
height : 30px;
width : 100%;
background-color:#357;
background-image : url(/images/bottom_bg.gif);
background-repeat : repeat-x;
z-index : 3;
text-align : center;
}
</style>

<body>
<div id="main">Main</div>
<div id="bottom">Bottom</div>
</body>

Synes godt om

Slettet bruger

06. december 2003 - 16:13 #2

roenving: Virker den også, hvis der er en hulens masse tekst i main-diven?

Synes godt om

moejensen Nybegynder

06. december 2003 - 16:23 #3

som sandbox rigtig nok skriver, så virker den ikke når der kommer meget tekst på siden.

Synes godt om

roenving Novice

06. december 2003 - 16:33 #4

Nej, det har i nok ret i, jeg vil tro, at det er nødvendigt at scripte sig til placeringer så !-)

Synes godt om

roenving Novice

06. december 2003 - 16:36 #5

Edutasia lavede denne her tidligere i år, måske kan du bruge den ?-)

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

<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="edutasia;http://www.eksperten.dk/spm/360548">
<style type="text/css">
html,body{
height:100%;
}
</style>

<script type="text/javascript" language="JavaScript">
function moveCopyrightInfo() {
var elm = document.getElementById('idCopyright');
elm.style.display = 'block';
var heightToUse = (document.body.offsetHeight > document.body.scrollHeight) ? document.body.offsetHeight : document.body.scrollHeight;
//heightToUse = (heightToUse>screen.availHeight)?heightToUse:screen.availHeight;
var newY = heightToUse - elm.offsetHeight - 20;
var newX = document.body.scrollWidth - elm.offsetWidth - 20;
elm.style.pixelTop = newY;
//elm.style.pixelLeft = newX;
}
window.onresize = moveCopyrightInfo;
window.onload = moveCopyrightInfo;
</script>
</head>
<body style="margin:0px">
<div style="width:100%; height:100; background-color: silver; padding:20px">

</div>
<div id="idCopyright" style="display:block;position:absolute;width:100%;top:0px;left:0px;background-color:red;color:white; padding:5px;">© Lavet af el_barto</div>

</body>
</html>

Synes godt om

moejensen Nybegynder

06. december 2003 - 17:04 #6

hvordan skal det bruges i forhold til den kode jeg har ?

Jeg ville heltst ikke anvende javascript.

Hvis det slet ikke kan lade sig gøre at lave i css, har jeg overvejet lidt at lave det så det ser rigtigt ud i IE, og så skal bunden bare være i bunden af teksten når siden ses i netscape, opera, osv. Kan man gøre det?

Synes godt om

moejensen Nybegynder

07. december 2003 - 11:59 #7

Hvordan vil en prof løse dette problem til en kunde??

Synes godt om

moejensen Nybegynder

07. december 2003 - 12:19 #8

jeg har nu prøvet at sætte det java script ind roenving henviste til, og det gør jo pludselig at fejlen også opstår i IE, jeg har prøvet at rykke lidt på de forskellige variabler, men jeg kan ikke få den på plads.

Det ser heller ikke ud til at javascriptet bliver kørt i Netscape

Synes godt om

moejensen Nybegynder

10. december 2003 - 19:30 #9

er det her problem bare uløseligt eller hva?

Synes godt om

claus_jac Nybegynder

11. december 2003 - 17:37 #10

Mozilla har generelt problemer med vertikale placeringer. Det er ikke noget nyt desværre.

Claus

Synes godt om

moejensen Nybegynder

11. december 2003 - 20:06 #11

okay, men hvordan løser jeg så bedst muligt mit problem?

Kan jeg gøre det med javascript, eller kan jeg lave det så bunden er rigtig i IE, men bare kommer i bunden af dokumentet på mozilla, netscape osv?

Synes godt om

moejensen Nybegynder

02. januar 2004 - 10:58 #12

jeg har selv fundet løsningen, med flere forskellige css scripts.

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS