Avatar billede eagle124 Nybegynder
04. marts 2003 - 15:02 Der er 2 kommentarer og
1 løsning

iframe skubber det hele

hvorfor skubber den ene iframe resten af siden ud i venstre side på det her ?



<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>FragZity</title>
</head>

<body bgcolor="#000000">

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" height="100%">
  <tr>
    <td width="100%" height="15%" colspan="4">
    <img border="0" src="logo.jpg" width="100%" height="100%"></td>
  </tr>
  <tr>
    <td width="8%" height="70%" rowspan="3">
    <iframe name="menu" src="menu.php" height="100%" width="100%" scrolling="no" border="0" frameborder="0">
    Browseren understøtter ikke indbyggede rammer eller er aktuelt konfigureret til ikke at vise indbyggede rammer.</iframe></td>
    <td width="4%" height="70%" rowspan="3">
    <img border="0" src="mid-left.jpg" width="100%" height="100%">
    </td>
    <td width="84%" height="3%">
    <img border="0" src="mid-top.JPG" width="100%" height="100%">
    </td>
    <td width="4%" height="70%" rowspan="3">
    <img border="0" src="mid-right.JPG" width="100%" height="100%">
    </td>
  </tr>
  <tr>
    <td width="84%" height="64%" background="mid.jpg">
    <iframe name="content" src="forside.php" height="100%" width="100%" border="0" frameborder="0">
    Browseren understøtter ikke indbyggede rammer eller er aktuelt konfigureret til ikke at vise indbyggede rammer.</iframe></td>
  </tr>
  <tr>
    <td width="84%" height="3%">
    <img border="0" src="mid-bund.JPG" width="100%" height="100%">
    </td>
  </tr>
  <tr>
    <td width="100%" height="15%" colspan="4">
    <font color="#FFFFFF">
    <img border="0" src="Billede%20008.jpg" width="227" height="170"></font></td>
  </tr>
</table>

</body>

</html>


Alle sidens filer kan hentes her http://80.198.79.45/hp.zip
Avatar billede tefcke Nybegynder
04. marts 2003 - 15:34 #1
Det her hører nok ikke så meget ind under php, men hvis det er fordi din menu iframe, afskærer dine knapper, er synderen denne erklæring:
<td width="8%" height="70%" rowspan="3">

Du sætter breden på datacellen til 8%, hvilket er for lidt, prøv at sætte den mellem 15%-20%.

Desuden står der i menu.php at din java applet er 165(px) bred, så hvorfor sætter du ikke din iframe bredde fast til 170(px), frem for at regne med relative værdier, på _alle_ dine celle breder, i forhold til brugerens skærmopløsning?
Avatar billede eagle124 Nybegynder
04. marts 2003 - 15:49 #2
det første fangede jeg men det sidste der forstod jeg ikke ret meget af, gider du prøve forklare det på en anden måde ??
Avatar billede tefcke Nybegynder
04. marts 2003 - 17:40 #3
Ok, kan godt se at det virker lidt sort, det sidste jeg skrev ;-)
Så her kommer den "Lange Version":


Det er klart at alle bruger som ser din side ikke kører med samme skærm opløsning, hvilket ellers ville have været skønt for en web side programmør :)

Det betyder at når laver et dokument med en tabel, og angiver tabellens bredde relativt i forhold til brugerens skærmopløsning (altså i %), resulterer det i at tabellen bliver deformeret.
EX.
Min skærmopløsning er 1280x1024.

<html>
<body bgcolor="#ffffff">
<center>

<table width="50%" bgcolor="#ff0000" border="0">
<caption>50% tabel</caption>
<tr>
  <td><br /></td>
</tr>
</table>

</center>
</body>
</html>

Overstående html kode/dokument resulterer i en tabel som fylder 50% af min skærm.
Da min opløsning som før nævnt, er 1280x1024 svarer det til at bredden af tabellen = 50% af 1280 pixel = 640 pixel (dog skal man lige fraregne størrelsen af scrollbaren, men vi antag at den ikke eksisterer for lethedens skyld : )

Vi kan nu lave en tilsvarende tabel som måles i pixel, frem for % af skærmens opløsning.
<html>
<body bgcolor="#ffffff">
<center>

<table width="50%" bgcolor="#ff0000" border="0">
<caption>50% tabel</caption>
<tr>
  <td><br /></td>
</tr>
</table>

<table width="640" bgcolor="#00ff00" border="0">
<caption>640px tabel</caption>
<tr>
  <td><br /></td>
</tr>
</table>

</center>
</body>
</html>

Det du så kan gøre, er at kolonner eller celler som skal have en fast bredde (f.eks. din menu, hvor din applet er 165 pixel), der sætter du størrelsen fast på lidt mere end dens bredde f.eks. 170px.
Resten af tabellen indordner sig så efter dens bredde.

EX. som passer til din side:
<html>
  <title>Some Title</title>
<body bgcolor="#000000">
<center>

<table width="100%" border="0" style="border-collapse: collapse">
<tr>
  <td colspan="4">
    <img border="0" src="logo.jpg">
  </td>
</tr>
<tr>
  <td rowspan="3" width="175">
    <iframe name="menu" src="menu.php" height="100%" width="100%" scrolling="no" border="0" frameborder="0">
      Browseren understøtter ikke indbyggede rammer eller er aktuelt konfigureret til ikke at vise indbyggede rammer.
    </iframe>
  </td>
  </td>
  <td rowspan="3" align="right">
    <img border="0" src="mid-left.jpg">
  </td>
  <td valign="top">
    <img border="0" src="mid-top.JPG" width="100%">
  </td>
  <td rowspan="3" align="left">
    <img border="0" src="mid-right.JPG">
  </td>
</tr>
<tr>
  <td>
    <iframe name="content" src="forside.php" height="100%" width="100%" border="0" frameborder="0">
      Browseren understøtter ikke indbyggede rammer eller er aktuelt konfigureret til ikke at vise indbyggede rammer.
    </iframe>
  </td>
  </td>
</tr>
<tr>
  <td valign="bottom">
    <img border="0" src="mid-bund.JPG" width="100%">
  </td>
</tr>
<tr>
  <td colspan="4">
    <font color="#FFFFFF">
      <img border="0" src="Billede%20008.jpg" width="227" height="170">
    </font>
  </td>
</tr>
</table>

</center>
</body>
</html>


Tilsidst vil jeg lige anbefale http://www.willcam.com/cmat/html/crossref.html hvis du vil vide hvilken attributter til tags der er understøttet af hvilken browser!
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