Avatar billede mstorgaard Praktikant
21. april 2006 - 14:20 Der er 9 kommentarer og
1 løsning

Få copyright-notice til at holde sig i bunden

Jeg kan ikke få mit copyright-notice til at blive i bunden, uden at det går galt i Internet Explorer. Den funktion jeg har nu, har det fint med Firefox, men det går galt i Internet Explorer.
Hvordan kan man lave det, så det kan bruges i begge browsere?

Min kode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <link rel="stylesheet" type="text/css" href="inc/style.css">
  <script type="text/javascript" src="inc/default.js"></script>
</head>

<body>
<div id="site_container">
  <div id="site_top">
  </div>
  <div id="menu_main">
    <div class="nyhed_top">
      <img src="gfx/headers/add_result.gif" style="width: 134px; height: 11px;" border="0" alt="">
    </div>
    <div class="nyhed_inhold">
    </div>
    <div class="nyhed_bund">
    </div>
  </div>
  <div id="menu_right">
    <div class="menu_right_tab">
      <img src="gfx/headers/admin_section.gif" border="0" alt="">
    </div>
    <div class="menu_right_tekst">
      Admin-del
    </div>
    <div class="menu_right_bund">
    </div>
  </div>
  <div style="text-align: center; position: absolute; bottom: 0px; width: 649px;">
    Copyright &copy;<?php echo date(Y); ?> <a href="http://URL" target="_blank">NAVN</a>
  </div>
</div>
</body>
</html>
Avatar billede mclemens Nybegynder
22. april 2006 - 14:20 #1
Den holder sig fint i bunden med det eksempel du har givet her???
- I både IE of FF... Har du noget css så vi kan se fejlen?
Avatar billede mstorgaard Praktikant
22. april 2006 - 22:26 #2
Her er hele css'en:
body, html {
    font-family: verdana;
    font-size: 10px;
    margin: 0px;
    color: black;
    height: 100%;
    text-align: center;
    background-image: url(../gfx/bagground.gif);
    background-repeat: repeat-y;
    background-position: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    padding-right: 0px;
}

a:link, a:active, a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #0066CC;
    font-weight: normal;
    text-decoration: none;
}

a:hover {
    color: #000000;
    text-decoration: underline;
}

#site_container {
    width: 649px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding-bottom: 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999999;
}

#menu_right {
    float: left;
    width: 200px;
}

#site_top {
    background-image: url(../gfx/logo_top.jpg);
    background-repeat: no-repeat;
    height: 23px;
    width: 649px;
    padding-top: 83px;
}

#menu_main {
    height: 35px;
    width: 439px;
    float: left;
    padding-left: 10px;
}

.menu_right_tab {
    background-image: url(../gfx/menu_right_tab.gif);
    background-repeat: no-repeat;
    height: 15px;
    width: 195px;
    float: left;
    padding-top: 10px;
    padding-left: 5px;
}

.menu_right_tekst {
    width: 189px;
    float: left;
    background-color: #CCCCCC;
    padding: 5px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #999999;
}

.nyhed_top {
    background-image: url(../gfx/news_top.jpg);
    height: 15px;
    width: 420px;
    padding-left: 5px;
    margin-right: 5px;
    padding-top: 1px;
    padding-right: 5px;
}

.nyhed_inhold {
    width: 418px;
    margin-right: 5px;
    background-color: #FFFFFF;
    padding: 5px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #999999;
    border-left-color: #999999;
}

.nyhed_bund {
    background-image: url(../gfx/news_bund.gif);
    height: 4px;
    width: 425px;
    padding-left: 5px;
    margin-right: 5px;
    padding-top: 1px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

.tekstarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    margin: 2px;
    padding: 0px;
}

.tekst_right {
    vertical-align: top;
    float: right;
    overflow: hidden;
}

.underline {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #999999;
    padding: 2px;
}

.menu_right_bund {

    background-image: url(../gfx/menu_right_bund.gif);
    background-repeat: no-repeat;
    height: 16px;
    width: 200px;
    float: left;
}

#table_picture {
    border: 1px solid #7C8D96;
    float: left;
    width: 92px;
    height: 90px;
    margin: 2px;
    padding-top: 8px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}
Avatar billede mclemens Nybegynder
22. april 2006 - 22:48 #3
Hvad med det her... med en sletning af background:red; bagefter...



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <link rel="stylesheet" type="text/css" href="style.css">
  <script type="text/javascript" src="inc/default.js"></script>
</head>

<body>
<div id="site_container">
  <div id="site_top">
  </div>
  <div id="menu_main">
    <div class="nyhed_top">
      <img src="gfx/headers/add_result.gif" style="width: 134px; height: 11px;" border="0" alt="">
    </div>
    <div class="nyhed_inhold">
    </div>
    <div class="nyhed_bund">
    </div>
  </div>
  <div id="menu_right">
    <div class="menu_right_tab">
      <img src="gfx/headers/admin_section.gif" border="0" alt="">
    </div>
    <div class="menu_right_tekst">
      Admin-del
    </div>
    <div class="menu_right_bund">
    </div>
  </div>
</div>
  <div style="position: absolute; bottom: 0px;left:0px; width: 100%; background:red;">
    Copyright &copy;<?php echo date(Y); ?> <a href="http://URL" target="_blank">NAVN</a>
  </div>
</body>
</html>
Avatar billede mclemens Nybegynder
22. april 2006 - 22:56 #4
ikke helt optimal... :P
Avatar billede mclemens Nybegynder
23. april 2006 - 00:40 #5
- kan ikke se løsningen - hvis det var relative istedet for absolute i ovenstående copy div ville den ikke stå i bunden men lige under hoved div'en ... :/
Avatar billede mstorgaard Praktikant
06. maj 2006 - 00:06 #6
Lukker...
Avatar billede olebole Juniormester
06. maj 2006 - 03:25 #7
- og da ingen andre ønsker at spilde energi på en tak til mclemens for at bruge sin sparsomme fritid på at hjælpe Ekspertens brugere med deres problemer, vil jeg:

  På 'andres' vegne: Tak for hjælpen, mclemens - men desværre kunne det ikke bruges  ;o)
Avatar billede mclemens Nybegynder
06. maj 2006 - 12:20 #8
hehe, så lidt olebole ;)
... er lidt offline for tiden da jeg er beskæftiget med en oprydning af nogle divs og kovertering til noget css margin forskydning istedet ... lige p.t...


- Men en javascript height aligner - position aligner ... eller måske denne:



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">

</script>

<style type="text/css">
body, html {overflow:hidden;
    font-family: verdana;
    font-size: 10px;
    margin: 0px;
    color: black;
    height: 100%;
    text-align: center;
    background-image: url(../gfx/bagground.gif);
    background-repeat: repeat-y;
    background-position: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    padding-right: 0px;
}

a:link, a:active, a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #0066CC;
    font-weight: normal;
    text-decoration: none;
}

a:hover {
    color: #000000;
    text-decoration: underline;
}

#site_container {
    width: 649px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding-bottom: 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999999;
}

#menu_right {
    float: left;
    width: 200px;
}

#site_top {
    background-image: url(../gfx/logo_top.jpg);
    background-repeat: no-repeat;
    height: 23px;
    width: 649px;
    padding-top: 83px;
}

#menu_main {
    height: 35px;
    width: 439px;
    float: left;
    padding-left: 10px;
}

.menu_right_tab {
    background-image: url(../gfx/menu_right_tab.gif);
    background-repeat: no-repeat;
    height: 15px;
    width: 195px;
    float: left;
    padding-top: 10px;
    padding-left: 5px;
}

.menu_right_tekst {
    width: 189px;
    float: left;
    background-color: #CCCCCC;
    padding: 5px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #999999;
}

.nyhed_top {
    background-image: url(../gfx/news_top.jpg);
    height: 15px;
    width: 420px;
    padding-left: 5px;
    margin-right: 5px;
    padding-top: 1px;
    padding-right: 5px;
}

.nyhed_inhold {
    width: 418px;
    margin-right: 5px;
    background-color: #FFFFFF;
    padding: 5px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #999999;
    border-left-color: #999999;
}

.nyhed_bund {
    background-image: url(../gfx/news_bund.gif);
    height: 4px;
    width: 425px;
    padding-left: 5px;
    margin-right: 5px;
    padding-top: 1px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

.tekstarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    margin: 2px;
    padding: 0px;
}

.tekst_right {
    vertical-align: top;
    float: right;
    overflow: hidden;
}

.underline {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #999999;
    padding: 2px;
}

.menu_right_bund {

    background-image: url(../gfx/menu_right_bund.gif);
    background-repeat: no-repeat;
    height: 16px;
    width: 200px;
    float: left;
}

#table_picture {
    border: 1px solid #7C8D96;
    float: left;
    width: 92px;
    height: 90px;
    margin: 2px;
    padding-top: 8px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}


#outer{height:97%;overflow:auto;}
</style></head>

<body>
<div id="outer">
<div id="site_container">
  <div id="site_top">
  </div>
  <div id="menu_main">
    <div class="nyhed_top">
      <img src="gfx/headers/add_result.gif" style="width: 134px; height: 11px;" border="0" alt="">
    </div>
    <div class="nyhed_inhold">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>vv
    </div>
    <div class="nyhed_bund">
    </div>
  </div>
  <div id="menu_right">
    <div class="menu_right_tab">
      <img src="gfx/headers/admin_section.gif" border="0" alt="">
    </div>
    <div class="menu_right_tekst">
      Admin-del
    </div>
    <div class="menu_right_bund">
    </div>
  </div>
</div>
</div>
  <div style="position: absolute; bottom: 0px;left:0px; width: 100%; height:3%;background:red;">
    Copyright &copy;<?php echo date(Y); ?> <a href="http://URL" target="_blank">NAVN</a>
  </div>
</body></html>
Avatar billede mstorgaard Praktikant
06. maj 2006 - 20:44 #9
Takker for hjælpen, men jeg valgte at placere noticen et andet sted :)
Avatar billede mclemens Nybegynder
06. maj 2006 - 21:04 #10
hehe, fornuftigt nok - det andet er også lidt "kringlet" :)
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