Avatar billede msamsing Nybegynder
09. oktober 2007 - 14:55 Der er 8 kommentarer og
1 løsning

Kan ikke få billede til at følge med resten af indholdet

Hejsa!

Jeg er ved at lave hjemmeside for en kunde, men er løbet ind i et lille problem. ( www.emmery.eu )

Billedet af pigen til venstre skal meget gerne "bundstilles" så det bliver hvor det er i forhold til bunden, når indholdet bliver større... dvs. der skal være elastik i venstremenuen så selve menuen forholder sig til toppen mens billedet forholder sig til bunden.

I starten havde jeg placeret billedet i bund-div'en og sat ÷padding-top på, det så også fint ud i safari, firefox og ie7. Men i ie6 forsvandt billedet bare. Så jeg måtte sætte tingene i tabeller. Nu kan man så fint se billedet i ie6, men jeg kan ikke få det til at forholde sig til bundlinien.

kan nogen hjælpe mig???

mvh
msamsing
Avatar billede sherlock Nybegynder
09. oktober 2007 - 15:41 #1
Prøv at flytte billedet ned i footeren og placer det relativt 182px oppe.


<div id="footer"><span style="position:relative;left:0px;top:-182px;"><img src="../billeder/model.jpg" width="160" height="180" id="model" /><span></div>
Avatar billede sherlock Nybegynder
09. oktober 2007 - 15:42 #2
Ov. Der mangler et / i det afsluttende span..

<div id="footer"><span style="position:relative;left:0px;top:-182px;"><img src="../billeder/model.jpg" width="160" height="180" id="model" /></span></div>
Avatar billede sherlock Nybegynder
09. oktober 2007 - 15:45 #3
Her virker det i IE6. Det er den eneste jeg kan teste i, lige nu.
Avatar billede msamsing Nybegynder
09. oktober 2007 - 15:50 #4
tak! Prøver da lige :o)
Avatar billede notes2c Nybegynder
09. oktober 2007 - 15:56 #5
Du kunne også vælge at lægge det som et baggrundsbillede på td'en:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<base href="http://www.emmery.eu/" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>|:: Emmery Skin Care ::|</title>
<!-- InstanceEndEditable -->
<link href="css/emmery.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>

<body>
<div id="wrapper">
    <div id="top"></div>
  <div id="content">
      <table cellpadding="0" cellspacing="0" border="0">
        <tr>
        <td width="160px" valign="top" height="100%" bgcolor="#FFEEFF" style="background: transparent url(http://www.emmery.eu/billeder/model.jpg) no-repeat bottom;">
       
        <div id="menu_container"><a href="index.html" class="menulink"> FORSIDE</a><br />
      <a href="sider/produkter.html" class="menulink">PRODUKTER</a><br /><a href="sider/bestilling.html" class="menulink">BESTILLING</a><br /><a href="sider/levering.html" class="menulink">LEVERING</a><br /><br /><a href="sider/butikker.html" class="menulink">BUTIKKER</a><br /><br /><a href="sider/brugsanvisning.html" class="menulink">BRUGSANVISNINGER</a><br /><a href="sider/firmaprofil.html" class="menulink">FIRMAPROFIL</a><br />
      <a href="sider/fam_virk.html" class="menulink">FAMILIE-VIRKSOMHED</a><br /><a href="sider/oprindelse.html" class="menulink">OPRINDELSE</a><br />
      <a href="sider/kontakt.html" class="menulink">KONTAKT</a>
     
      </td>
     
      <td valign="top">       
        <!-- InstanceBeginEditable name="indhold" -->
        <div id="inner_content"> <img src="billeder/flaske_sten.jpg" alt="aloevera" name="mario" width="118" height="250" id="mario" />
            <h1>Emmery Skincare </h1>
          <br />
            <span class="btext">Vi har nu mulighed for at tilbyde dig utroligt l&aelig;kre <a href="sider/produkter.html" class="blink">hudpleje produkter</a>, 100% natur og med en fantastisk virkning. <br />
            <br />
              I &oslash;jeblikket best&aring;r Emmery Skincare af en <a href="pdf/olie_dansk.pdf" target="_blank" class="blink">hudpleje olie</a>, som kan bruges dagligt, og af en <a href="pdf/maske_dansk.pdf" target="_blank" class="blink">ansigtsmaske</a>. Ved daglig brug af hudpleje olien skal man ikke bruge andre produkter. Dvs. man sparer alt hvad man normalt bruger s&aring;som rensecreme, toner, dag- og natcreme.<br />
  <br />
              Emmery Skincare er meget dr&oslash;j i brug, s&aring; en enkelt flaske holder mange m&aring;neder. <br />
  <br />
              Vi er <a href="sider/firmaprofil.html" class="blink">eneforhandler</a> af disse unikke produkter som indeholder <a href="sider/produkter.html" class="blink">de helt rigtige Ingredienser</a>, der plejer og behandler og opstrammer din hud s&aring; den fremst&aring;r flot og velplejet.<br />
  <br />
              Du kan bestille Emmery Skincare <a href="sider/bestilling.html" class="blink">HER</a>. <br />
  <br />
  <strong>Du vil kunne se din hud er blevet mere sund allerede efter et par dages brug.</strong></span>
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <strong>Du vil kunne se din hud er blevet mere sund allerede efter et par dages brug.</strong></span>
  </div>
        <!-- InstanceEndEditable -->
      </td>
  </tr>
  </table>
    </div>
  <div id="footer"></div>
</div>
</body>
<!-- InstanceEnd --></html>
Avatar billede msamsing Nybegynder
09. oktober 2007 - 16:09 #6
hejsa har nu forsøgt, men det er som om footeren bliver samme højde som billedet...
Avatar billede sherlock Nybegynder
09. oktober 2007 - 16:23 #7
<div id="footer" style="height:25px;overflow:hidden"  .......
Men det skal du jo nok sætte i din css-fil. Der er sikkert allerede height.
Avatar billede msamsing Nybegynder
09. oktober 2007 - 16:29 #8
Tak Sherlock! Så virker det sgu :o)

vil du smide et svar så du kan få dine point?

Hvis du samtidig kan regne ud hvad der sker med bestillingssiden i firefox så er det jo helt fantastisk ;o)
Avatar billede sherlock Nybegynder
09. oktober 2007 - 16:32 #9
Det vil jeg forsøge, så snart jeg er i nærheden af en FF :)
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