Avatar billede RJFreelance Praktikant
21. januar 2010 - 22:15 Der er 4 kommentarer og
1 løsning

Div i Div?

Hejsa
Jeg har en side opbygget i divs.

Problemet er at jeg i det ene af disse div, skal indsætte endnu et div, nemlig et div der bliver opdateret dynamisk af ajax hvert 5 sekund.

Nu er problemet så bare at det nye div (det der bliver opdateret), det bliver placeret uden for det andet div, og det er jo ikke planen.

Er der en måde at jeg kan undgå det på?
Avatar billede nidyahou Praktikant
21. januar 2010 - 23:10 #1
hvis den bliver opdateret dynamisk og genereret dynamisk så er det højst sandsynligt noget javascript du skal se på. Kan vi ikke se noget af din kode der hvor det går galt eller et live eksempel?
Avatar billede wanze Nybegynder
21. januar 2010 - 23:49 #2
Det er et underligt spørgsmål. Ja, selvfølgelig kan du undgå at en div bliver lavet udenfor en anden div - det burde ikke være et problem at lave en div i en div.

Dog er det umuligt at hjælpe, når vi ikke ved, hvad vi har at arbejde med. Giv os noget kode, så vi kan udpege fejlen for dig.
Avatar billede mireigi Novice
26. januar 2010 - 14:19 #3
Du kan evt. prøve at smide følgende på den indre div:
style="clear:both;"

Det bør tvinge div'en til at tilpasse sig dens parents bredde og position indenfor denne.
Avatar billede RJFreelance Praktikant
28. januar 2010 - 17:50 #4
Undskyld det sene svar.

De divs hvor problemet ligger i ser sådanne ud:

<div id="menu">
            <ul>
              <li><a href="?site=post">Post</a><div id="tal"><? include("hent_tal.php"); ?></div></li>
          </ul>
      </div>

Div'et med id "tal" bliver opdateret vha. ajax og ser sådan ud:

<script type="text/javascript">
setInterval(function() {
  $('tal').load('hent_tal.php');
  }, 5000);
</script>

Det er i øvrigt mootools.

Og css'en for "menu" divet ser sådanne ud:

#menu { background: url(images/menu_bckg.jpg) #FF6600; height:30px; }
#menu ul { margin:0; padding:0;}
#menu ul li{ display:inline-block; float:left; width:104px; list-style:none; text-align:center; }
#menu a { display:block; float:left; width:104px; color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; padding-top:4px; font-style:italic;}
#menu a:hover{ padding-top:4px; height:22px; background:url(images/menu_bckg_over.jpg) #C23B01;}

Problemet er at den lægger sig under teksten, se billede af det her:

http://www.myupload.dk/showfile/r41900595b15.JPG

Det er selvfølgelig meningen at der efter post skal stå antallet af nye beskeder. Og ikke under som nu.

Resultatet fra hent_tal er bare tallet, intet andet html eller lignende.

Håber i kan hjælpe trods det senere svar.
Avatar billede RJFreelance Praktikant
07. oktober 2010 - 12:20 #5
Nå jeg lukker.
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