Avatar billede darkstylerdk Nybegynder
03. februar 2009 - 16:34 Der er 9 kommentarer og
1 løsning

Problemer med space i DIV

Hejsa

Jeg sidder og arbejder med siden http://www.studjur.com , men oplever problemer med en div. Jeg har midlertidigt lagt nogle <br /> ind inden sektionen "Nyeste studiejob" for at ungå et underligt udseende, men mit problem kan ses her:
http://localhostr.com/files/779c5a/Billede+27.png

Problemet er den betydelige afstand fra "Gå til annoncen" i "nyeste job"-delen og til næste del. Jeg har leget en del med css-filen, men kan ikke overskue hvad der skaber det space/afstand.

Er der nogen der kan hjælpe her?
Avatar billede olebole Juniormester
04. februar 2009 - 09:30 #1
<ole>

Et billede siger ikke så meget, så prøv at lægge et link til eksemplet. Vi er nødt til også at kunne se markup koden

/mvh
</bole>
Avatar billede darkstylerdk Nybegynder
04. februar 2009 - 15:25 #2
Hej olebole. Tak for dit svar.

www.studjur.com/index2.php - her kan du se hvad jeg mener: afstanden mellem job- og bogsektionen.



Her er det relevante indhold af <body>:

            <h3>Velkommen</h3>


<p>Velkommen til et uofficielt website for jurastuderende på Københavns Universitet. Siden er på ingen på måde tilknyttet KU, men har til formål at samle vigtige links, kalenderaftaler, nyheder og andre godter til gavn for enhver der er interesseret. Har du spørgsmål, kritik eller forslag til siden kan du benytte <a href="kontakt.php">kontaktsiden</a> og herfra skrive til webmaster.
            </p>
            <br /><br />
<?php

$pr_side = 1;
$vis_fra = isset($_GET['visfra']) ? $_GET["visfra"] : 0;


include('inc/inc.jobsconfig.php');
$query = mysql_query("SELECT *,DATE_FORMAT(date,'%e/%c-%y %T') AS date FROM jobs ORDER BY id DESC LIMIT $vis_fra, $pr_side") or die(mysql_error());
while ($row = mysql_fetch_assoc($query)) {
 

  print '<div class="studiejob"><div class="studiejob_header"><div class="studiejob_header_right"><a href="jobs.display.php?id='.$row['id'].'" class="studiejob_more"><img src="files/'.$row['image'] . '" alt="' . $row['stillingsbetegnelse'] . '"/></a></div></div><strong><big>Nyeste studiejob</big></strong>';
  print '<div class="studiejob_header_left">';
  print '<b>Titel</b>: ' . $row['jobtitel'] . '<br />';
  print '<b>Oprettet</b>: ' . $row['date'] . '<br />';
  print '<b>Stillingsbetegnelse</b>: ' . $row['stillingsbetegnelse'] . '<br />';
  print '<b>Ansættelsessted</b>: ' . $row['firmanavn'] . '<br />';
  print '<a href="jobs.display.php?id='.$row['id'].'" class="studiejob_more">';
  print 'Gå til annoncen</a>';
  print    '</div><div style="clear:both"></div>';               
  print '</div>';

}


include('inc/inc.boegerconfig.php');
$query = mysql_query("SELECT id,bognavn,bogforfatter,bogpris,image,date FROM boeger ORDER BY id DESC LIMIT $vis_fra, $pr_side") or die(mysql_error());
while ($row = mysql_fetch_assoc($query)) {
 
  print '<div class="book"><div class="book_header">';
  print '<div class="book_header_right">';
  print '<a href="bog.display.php?id='.$row['id'].'" class="book_more"><img src="files/'.$row['image'] . '" height="100" alt="' . $row['bognavn'] . '"/></a></div>';


print '<strong><big>Nyeste bog til salg</big></strong>';
  print '<div class="book_header_left">';
  print '<b>Titel</b>: ' . $row['bognavn'] . '<br />';
  print '<b>Oprettet</b>: ' . $row['date'] . '<br />';
  print '<b>Skrevet af</b>: ' . $row['bogforfatter'] . '<br />';
  print '<b>Pris</b>: ' . $row['bogpris'] . ' Kr.<br />';
  print '<a href="bog.display.php?id='.$row['id'].'" class="book_more">';
  print 'Gå til annoncen</a>';
  print    '</div><div style="clear:both"></div>';
  print '</div>';                   
  print '</div>';


}



include('inc/inc.config.php');
$query = mysql_query("SELECT id,videotitel,videoindsendernavn,videobeskrivelse,date FROM videoer ORDER BY id DESC LIMIT $vis_fra, $pr_side") or die(mysql_error());
while ($row = mysql_fetch_assoc($query)) {
 
  print '<div class="video"><div class="video_header"><strong><big>Nyeste video</big></strong>';
  print '<div class="video_header_left">';
  print '<b>Titel</b>: ' . $row['videotitel'] . '. - ';
  print 'Oprettet: ' . $row['date'] . '<br />';
  print '<a href="video.display.php?id='.$row['id'].'" class="video_more">';
  print 'Se klippet</a>';
  print    '</div><div style="clear:both"></div>';
  print '</div>';                   
  print '</div>';


}


?>


mvh
Avatar billede zips Juniormester
04. februar 2009 - 16:06 #3
En løsning kunne være at sætte height på dine div.

.book,
.studiejob,
.video {
    margin-bottom: 2em;height:100px;
}

Det er dog ikke den rigtige løsning, det jeg har set er at den følger din menu i venstre side, dvs. slette jeg hele den venstre side menu virker det fint unden ekstra mellemrum.
Avatar billede darkstylerdk Nybegynder
04. februar 2009 - 16:23 #4
zips: Du har ret. venstre-del ser den således ud:
http://studjur.com/index3.php

Men jeg ved ikke hvorfor den reagerer på venstre-del? Og hvad kan jeg gøre for at ordne det 'holdbart'?
Avatar billede zips Juniormester
04. februar 2009 - 20:57 #5
Det ser ud til at det er fordi du bruger clear: both; at den også clear din venstre menu som også har float: left;
Avatar billede darkstylerdk Nybegynder
04. februar 2009 - 22:52 #6
Det kunne noget godt tyde på. Den bruger jeg for at undgå scrollbar ved klik på linksne (både tekst og billeder) i sektionerne.

Hvordan undgår jeg dette?
Avatar billede darkstylerdk Nybegynder
07. februar 2009 - 11:14 #7
Kan jeg få svar? :-)
Avatar billede zips Juniormester
07. februar 2009 - 18:35 #8
Her er et svar :-)
Avatar billede zips Juniormester
07. februar 2009 - 20:36 #9
Tak for point :-)
Avatar billede darkstylerdk Nybegynder
07. februar 2009 - 21:00 #10
Så lidt
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