Avatar billede mstorgaard Praktikant
31. oktober 2005 - 11:32 Der er 5 kommentarer og
1 løsning

Div i bunden både i IE og FF

Jeg har den her side: http://schnellboote.melfex.dk og jeg vil gerne have den div, hvor der står credits til at være nede i bunden i både IE og FF, men jeg kan bare ikke få den til det.

Den skal hele tiden blive nede i bunden af side, også selvom man scroller ned ad.
Jeg har lavet nogle linieskift som illustrerer dette på forsiden.

Nogen der kan hjælpe?
Avatar billede fennec Nybegynder
31. oktober 2005 - 11:56 #1
Avatar billede mstorgaard Praktikant
31. oktober 2005 - 14:02 #2
Nu har jeg sat scriptet ind. Det virker fint i FF nu, men ikke i IE, hvordan kan jeg få den til at virke der?
Avatar billede fennec Nybegynder
31. oktober 2005 - 14:20 #3
Det skulle det gerne gøre, da det det inderholder det IE hack der skal til.

Der er dog flere ting der skal være opfyldt for at det virker. F.eks den rigtige doctype, samt det rigtige stylesheet (hvad det se ud til du har), men andre elementes style kan ødelægge det, hvad der sikker er problemet i dette tilfælde.

Den nemmeste måde at få det til at virke (efter min mening), er at tage koden som den er, også begynde at fylde din egen kode ind i den lidt efter lidt.

Jeg vil dog tro det er din "container" der er skyld i at det ikke virker.

Start med dette:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
  <head>
    <title>Fixed test</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
  </head>
<body>
Smid din kode her...

<div id="scrollsikrer">
  <div id="bottom">
      Bund som ikke flytter sig
  </div>
</div>
</body>
</html>
Avatar billede mstorgaard Praktikant
31. oktober 2005 - 16:40 #4
Nu er doctype så ændret, så kan du give mig et råd til hvordan jeg får fjernet de hvide streger der er mellem toppen, iframet og bunden, som der er i ff?

Ellers virker det fint :)
Avatar billede fennec Nybegynder
01. november 2005 - 08:14 #5
<tr>
        <td align="center"><img src="images/top.jpg" usemap="#map2" border="0" alt=""></td>
      </tr>
      <tr>
        <td align="center">
              <table cellpadding="0" cellspacing="0" width="500px" bgcolor="#dedede">
                <tr>
                  <td align="center">
                      <iframe src="Forside.php" name="Main" id="IFRAMEID" height="500px" width="480px" frameborder="0" scrolling="no" framespacing="0" framepadding="0"></iframe></td>
                </tr>
              </table></td>
      </tr>

Der kan opstå problemer med ekstra mellemrum hvis </td> står på en selvstændig linje. Desuden er det en god ide at undgå </center> elementet da det udgår af HTML standarden.

Hvis det ikke virker skal du finde ud af hvor mellemrummet kommer fra. Det kan du gøre ved at sætte en farvet border på.

Prøv evt også med noget padding:0px;margin:0px;
Avatar billede mstorgaard Praktikant
01. november 2005 - 10:50 #6
Det fungerer helt fint nu :)

Mange tak for hjælpen..
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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