CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede Jimmi_andersen Nybegynder
28. februar 2012 - 21:15 Der er 10 kommentarer og
1 løsning

Auto udvidelse af bunden på hjemmeside

Hejsa

Hvordan laver man automatisk udvidelse af en webside i bunden.
Dvs. Jeg er gang med at lave kommentar funktion på siden, og vil gerne have at sidens bund udvider / flytter sig sammen med eller efterhånden som kommentarne bliver skrevet.

Se evt siden her


http://www.test.abhalgreen.dk/debat_ris_ros.htm
klik evt på opret kommentar, så kan man se at bunden ikke ikke rykker med.

Mvh
Jimmi
Avatar billede Himbear Nybegynder
28. februar 2012 - 21:29 #1
Adressen viderestiller til dit server-admin?
Avatar billede Slettet bruger
28. februar 2012 - 21:33 #2
Din iframe på siden giver en "temporary redirect" til one.com's kontrolpanel.
Avatar billede Jimmi_andersen Nybegynder
28. februar 2012 - 21:56 #3
Det skulle være rettet nu. Prøv venligst igen
Avatar billede pstidsen Novice
28. februar 2012 - 22:20 #4
Er det ikke bare:
height: 100%
min-height: XXXXpx
Avatar billede Slettet bruger
28. februar 2012 - 22:40 #5
Du har en højde på .indexdebat og på .middlebox. Dem må du fjerne.

Din .endbottomspace har en "float: left;". Fjern den og tilføj "clear: both;"

Din .end har en "float: left;". Fjern den.

Og hvis du ikke vil have så lang afstand ned til din div.endbottomspace, fjerner du bare nogle af de mange <br> du har i din div.midlebox. :)
Avatar billede Jimmi_andersen Nybegynder
29. februar 2012 - 03:07 #6
Jeg har ændret dine forslag og jeg fik lavet således at siden tilpasser sig. Dog måtte jeg lige ændre nogle classnavne i css da mine andre sider gik i kluder hvis jeg ændrede tingene.

problemer er nu at iframe har en fast størrelse

<IFRAME style="BORDER-BOTTOM: #000000 0px solid; BORDER-LEFT: #000000 0px solid; MARGIN: 0px; WIDTH: 500px; HEIGHT:800px; BORDER-TOP: #000000 0px solid; BORDER-RIGHT: #000000 0px solid" src="/____widgets/guestbook/?gbook=180192359" frameBorder=0 allowTransparency meta="guestbook"></IFRAME>

og den tilpasses jo ikke. Jeg har prøvet at sætte højden til auto men så bliver den bare meget lille.

Mvh
Jimmi
Avatar billede Jimmi_andersen Nybegynder
29. februar 2012 - 03:11 #7
Jeg har ændret med dine forslag - Dog med lidt ændring i mine class navne da de andre sidder ellers går i kluder. Jeg har fået siden til at udvide sig med ændringerne, men selve iframe udvider sig ikke med.

<IFRAME style="BORDER-BOTTOM: #000000 0px solid; BORDER-LEFT: #000000 0px solid; MARGIN: 0px; WIDTH: 500px; HEIGHT:800px; BORDER-TOP: #000000 0px solid; BORDER-RIGHT: #000000 0px solid" src="/____widgets/guestbook/?gbook=180192359" frameBorder=0 allowTransparency meta="guestbook"></IFRAME>

Her er højde og brede faste. Hvis jeg ændre højde til auto bliver framet bare lille, så spørgsmålet er om jeg skal have en anden stump kode fra kildekoden til min "gæstebog"

Mvh
Jimmi
Avatar billede Jimmi_andersen Nybegynder
29. februar 2012 - 03:21 #8
Her one.com kilde kode på hele gæstebog



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">
<meta name="robots" content="noindex, nofollow, noarchive">
<title>Min gæstebog</title>
<style>
body { margin: 0px; }
p { margin: 0px 0px 0.5em; line-height: 1.8em; }
.entry { margin-bottom: 10px; padding: 17px; border: 1px solid #E7E7FF; }
.dateandtime { text-align: right; }
.guestname { font-weight: bold; }
.guestname a { text-decoration: underline; }
.guestname a:hover { text-decoration: underline; }
.message { margin-top: 12px; }
.edit { text-align: right; margin-top: 5px; }
.edit a { text-decoration: underline; }
.edit a:hover { text-decoration: underline; }
.pageselector { font-weight: bold; width: auto; text-align: center; }
.pageselector a { text-decoration: none; }
.pageselector a:hover { text-decoration: none; }
form { margin: 0px; padding: 0px; }
.inputform { width: 100%; table-layout: fixed; }
.input { width: 100%; }
textarea { padding: 1px; margin-top: 2px; width: 100%; height: 120px; overflow-y: auto; }
.code { width: 50px; }
.captcha { display: block; }
.signlink { background: transparent; border: 0; text-decoration: underline; margin: 0; padding: 0; cursor: pointer; }
.dateandtime { font-family: Verdana, Sans-Serif; font-size: 8pt; color: #333333; }
.guestname { font-family: Verdana, Sans-Serif; font-size: 8pt; color: #076e41; }
.guestname a { color: #076e41; }
.guestname a:hover { color: #076e41; }
.message { font-family: Verdana, Sans-Serif; font-size: 8pt; color: #333333; }
.edit { font-family: Verdana, Sans-Serif; font-size: 8pt; }
.pageselector { font-family: Verdana, Sans-Serif; font-size: 8pt; color: #333333; }
.pageselector a { color: #8fcb46; }
.pageselector a:hover { color: #333333; }
.signlink { font-family: Verdana, Sans-Serif; font-size: 8pt; color: #076e41; }
.bodybg { background: #FFFFFF; }
.decoration { color: #8fcb46; }
.decoration_border { border-color: #8fcb46; }
.edit { font-family: Verdana, Sans-Serif; font-size: 8pt; color: #333333; }
.edit a { color: #8fcb46; }
.edit a:hover { color: #333333; }
.linkback { font-family: Verdana, Sans-Serif; font-size: 8pt; color: #333333; }
.linkback a { color: #8fcb46; }
.linkback a:hover { color: #333333; }
.label { font-family: Verdana, Sans-Serif; font-size: 8pt; color: #333333; }
.star { font-family: Verdana, Sans-Serif; font-size: 8pt; color: #8fcb46; }
.error { font-family: Verdana, Sans-Serif; font-size: 8pt; color: #8fcb46; }
.form { font-family: Verdana, Sans-Serif; font-size: 8pt; border: 1px solid #8fcb46; color: #333333; background: #FFFFFF;}
</style>
<script language="javascript">
<!--

  // Hide scrollbar until the height of the window is adjusted.
  document.writeln("<style>body { overflow: hidden }</style>");

  // Adjust the height of the iframe.
  function resize_iframe()
  {
    try {
      var d = document.getElementById("main");
      window.frameElement.style.height = d.scrollHeight + 2*d.offsetTop;
    }
    catch(e) {}

    // Show the scrollbar if it is needed.
    if (self == top)
      document.body.style.overflow = "auto";
  }

  //
  function setn(s) {
    document.forms.f.noop.value = s;
  }

// -->
</script>
</head>
<body class="bodybg">
<div id="main">
<br>
<div align="center">
<form method="get">
  <input type="submit" value="Opret kommentar" class="signlink">
  <input type="hidden" name="show" value="top">
  <input type="hidden" name="gbook" value="180192359">
  <input type="hidden" name="page" value="0">
</form>
</div>
<br>
<br>
<div class="guestbook">

<table class="entry decoration_border" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td><div class="guestname">Kommentar oprettet af : Anders Hansen</div></td>
  <td><div class="dateandtime">29. februar 2012 02:47</div></td>
</tr>
<tr>
  <td colspan="2"><div class="message"><p>test</p></div></td>
</tr>
</table>


  </td>
</tr>
</table>

<table class="entry decoration_border" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td><div class="guestname">Kommentar oprettet af : test</div></td>
  <td><div class="dateandtime">28. februar 2012 23:46</div></td>
</tr>
<tr>
  <td colspan="2"><div class="message"><p>test</p></div></td>
</tr>
</table>


  </td>
</tr>
</table>

<table class="entry decoration_border" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td><div class="guestname">Kommentar oprettet af : test</div></td>
  <td><div class="dateandtime">28. februar 2012 23:45</div></td>
</tr>
<tr>
  <td colspan="2"><div class="message"><p>test</p></div></td>
</tr>
</table>


  </td>
</tr>
</table>

<table class="entry decoration_border" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td><div class="guestname">Kommentar oprettet af : wer</div></td>
  <td><div class="dateandtime">28. februar 2012 22:19</div></td>
</tr>
<tr>
  <td colspan="2"><div class="message"><p>test</p></div></td>
</tr>
</table>


  </td>
</tr>
</table>

<table class="entry decoration_border" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td><div class="guestname">Kommentar oprettet af : Hans pedersen</div></td>
  <td><div class="dateandtime">28. februar 2012 21:57</div></td>
</tr>
<tr>
  <td colspan="2"><div class="message"><p>test</p></div></td>
</tr>
</table>


  </td>
</tr>
</table>

<table class="entry decoration_border" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td><div class="guestname">Kommentar oprettet af : test</div></td>
  <td><div class="dateandtime">28. februar 2012 21:54</div></td>
</tr>
<tr>
  <td colspan="2"><div class="message"><p>test</p></div></td>
</tr>
</table>


  </td>
</tr>
</table>

<table class="entry decoration_border" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td><div class="guestname">Kommentar oprettet af : Anders Hansen</div></td>
  <td><div class="dateandtime">28. februar 2012 21:53</div></td>
</tr>
<tr>
  <td colspan="2"><div class="message"><p>test</p></div></td>
</tr>
</table>


  </td>
</tr>
</table>

<table class="entry decoration_border" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td><div class="guestname">Kommentar oprettet af : Jimmi Andersen</div></td>
  <td><div class="dateandtime">28. februar 2012 21:20</div></td>
</tr>
<tr>
  <td colspan="2"><div class="message"><p>test</p></div></td>
</tr>
</table>


  </td>
</tr>
</table>

<table class="entry decoration_border" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td><div class="guestname">Kommentar oprettet af : Anders Hansen</div></td>
  <td><div class="dateandtime">28. februar 2012 20:35</div></td>
</tr>
<tr>
  <td colspan="2"><div class="message"><p>test</p></div></td>
</tr>
</table>


  </td>
</tr>
</table>

<table class="entry decoration_border" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td><div class="guestname">Kommentar oprettet af : Anders Hansen</div></td>
  <td><div class="dateandtime">28. februar 2012 20:35</div></td>
</tr>
<tr>
  <td colspan="2"><div class="message"><p>test</p></div></td>
</tr>
</table>


  </td>
</tr>
</table>
</div>


</div>

<script language="javascript"><!--
// Adjust the height of the iframe.
  resize_iframe();
// -->
</script>

</body>
</html>
Avatar billede Slettet bruger
29. februar 2012 - 18:30 #9
Jeg ville have foreslået du brugte javascript til at justere højden på din iframe så den passer med gæstebogen. Men gæstebogen ser ud til at tilpasse højden med din iframe. Så jeg har på fornemmelsen det ikke vil komme til at virke.

Men det udelukker ikke at man kan lave noget smart med javascript. Jeg er bare elendig til javascript, så det kan jeg desværre ikke hjælpe med.
Avatar billede Jimmi_andersen Nybegynder
23. marts 2012 - 12:12 #10
Er der nogen der vil have point
Avatar billede Jimmi_andersen Nybegynder
28. marts 2012 - 13:40 #11
Ok
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
Microsoft 365 kurser
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.
Se alle Microsoft 365 kurser

Flere spørgsmål fra Andet design kategorien

Titel Indlæg Oprettet Seneste aktivitet
3D foto til stl Af johnnylassen i Andet design 1 31/07/202313:32 31/07/202314:28
InDesign - Af Ajnbnb i Andet design 6 29/07/202209:29 01/08/202209:18
Kan man fremstille numre med en cirkel eller firkant om ? Af Ikke-ekspert i Andet design 6 04/04/202211:38 04/04/202222:11
Logo til kostvejleder Af Buchwald i Andet design 3 18/02/202217:41 20/02/202216:52
Farver i InDesign Af huddie i Andet design 2 01/11/202112:49 26/01/202219:01
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 17:27 Hjælp til at fjerne mulighed for scroll Af golferscaddie i Excel
I dag 15:29 Motion Af dcedata1977 i Linux
I dag 12:56 Fremhævet tal i celle Af Malou i Excel
I går 15:09 Kode til det enkelte ark. Af lkt i Excel
I går 14:50 Give resultat ud fra flere "HVIS'er" Af Lassebo1981 i Excel
White papers
Flere white papers »


Premium
Teaser billede
Ifølge Kombit-topchef Kristian Vengsgaard står kommunerne over for et 'kafkask bureaukrati' med NIS2 - her er hans løsning
Læs mere »
Her er Danmarks tre bedste CISO’er lige nu: De er nomineret til titlen som Årets CISO 2024
Topchef: Public cloud er alt for dyrt og besværligt - fremtiden for virksomhederne er et helt andet sted
Professor: "Det er på høje tid at opløse virksomhedernes it-afdelinger"
Se alle »
Computerworld
Teaser billede
Verdens største bilproducent ramt af hackerangreb: Sender skylden videre til tredjepart
Læs mere »
Næste måned skifter din iPhones Apple-id til et nyt navn
Nærmest selvkørende: Jeg kørte fra Roskilde til København uden at røre rattet
Test: Denne laptop rammer plet - er utrolig slank men alligevel utrolig stærk
Se alle »
CIO
Teaser billede
Detailkæde har mistet over 65 millioner kroner efter cyberangreb – kræver erstatning fra it-leverandør
Læs mere »
Professor: "Det er på høje tid at opløse virksomhedernes it-afdelinger"
DSB køber cloud-løsning til 420 millioner kroner af hollandsk it-selskab: Skal afløse 30 år gammelt system
Der er under halvt så mange it-specialister i Danmark som regeringen påstår - tæller elektrikere og automekanikere med
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
KMD-direktør forlader selskabet: Det skal hun nu
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Til åbningsfest i det nye NNIT-hovedkontor: ”Som at flytte til New York sammenlignet med der hvor vi kommer fra” - se billederne
Se alle »
White paper
Teaser billede
Optimering af Source-to-Pay: Identificér oplagte gevinster og skær omkostninger
Læs mere »
Få mere ud af din cloudinfrastruktur og gør op med de konstant stigende omkostninger
Det behøver ikke at gøre ondt: Sådan gør du livet lettere for kunder med multicloud
Opdag fordelene ved cloud-baseret backup og recovery
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »