Avatar billede 123maka Nybegynder
14. februar 2005 - 16:36 Der er 20 kommentarer og
1 løsning

Tabellerne vil ikke som jeg vil (Ihvertfald ikke på IE)

Hej, jeg sidder og er igang med at lave bundscriptet til et halvstort community.
Jeg har primært udviklet siden under linux med test Firefox og har ikke bemærket noget forkert, dog har jeg fundet ud af at siden ikke ser helt rigtig ud i Internet Explorer, og da vores målgruppe bruger denne browser, og for at holde god stil vil jeg rette det, men jeg kan ikke rigtigt finde ud af hvor og hvordan.

Et screenshot på hvordan det ser ud:
http://83.88.204.226/IE.JPG

Koden som bliver brugt:
<?php
session_start();
include('auth.php');
#include('function.php');
?>

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
body {
font-family: verdana, arial, helvetica;
font-size: 10px;
color: #000000;
}
td {
font-family: arial;
font-size: 10px;
color: #000000;
}
form {
margin:0;
}
input.text, input.button, textarea, select {
font:7pt "Arial";
font-weight:normal;
}
input.text, textarea, select {
border:1px solid #000000;
letter-spacing:0px
}
input.button {
background-color:#3B6EA5;
font-weight:bold;
border:1px solid #000000;
}
.username {
    color:#4F90BA;
    font-size: 11px;
    font-weight: bold;
}
.title_box {
    color:#FFFFFF;
    font: "Arial";
    font-size: 12px;
    font-weight: bold;
}
.info_box {
    color:#FFFFFF;
    font: "Arial";
    font-size: 10px;
}
.over_bar {
    font-family: verdana, arial, helvetica;
    font-size: 10px;
    color: #FFFFFF;
}
</style>
</head>
<body topmargin="0" bottommargin="0">
<table width="800" height="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="border-left: 1px solid #000000; border-right: 1px solid #000000;">
<tr background="images/top_bg.jpg">
<td height="16" style="border-bottom: 1px solid #000000;" colspan="3"><table border="0" cellpadding="0" cellspacing="0"><tr><td width="250"><span class="info_box">Online: 87 &#124; Offline: 192 &#124; G&aelig;ster: 8</span></td><td width="450"><span class="info_box">Velkommen til! Danmarks vildeste ungdomsside...</span></td><td><span class="info_box">D. 99-99-05 &#124; 12:55</span></td></tr></table></td>
</tr>
<tr>
<td height="95" colspan="3" style="border-bottom: 1px solid #000000;"><img src="images/logo_real.jpg" alt=""><br><img src="images/logo_opret.jpg" alt=""><img src="images/logo_split.jpg" alt=""><img src="images/logo_brugernyhed.jpg" alt=""><img src="images/logo_battle.jpg" alt=""></td>
</tr>

<tr>
<td height="21" colspan="3" background="images/online_bar.jpg" style="border-bottom: 1px solid #000000;"><table><tr><td width="285">&nbsp;<input name="brugernavn" type="text" class="text" size="20" value="Brugernavn" onfocus="if(this.value=='Brugernavn')this.value='';" onblur="if(this.value=='')this.value='Brugernavn';">&nbsp;<input name="kodeord" type="password" class="text" size="20" value="Kodeord" onfocus="if(this.value=='Kodeord')this.value='';" onblur="if(this.value=='')this.value='Kodeord';"><input name="Submit" type="image" src="images/enter.jpg" align="middle"></td><td><span class="over_bar">&#124;</span></td><td width="170"><span class="over_bar">Velkommen Bambam! <img src="images/icon_dreng_lille.gif"></span></td><td><span class="over_bar">&#124;</span></td><td width="177"><span class="over_bar">Dine quicklinks: <img src="images/envelope.gif" valign="top">(<b><u>2</u></b>) <img src="images/money.gif" valign="top">(<b><u>250</u></b>)</span></td><td><span class="over_bar">&#124;</span></td><td><select name="hehe" style="font-size:9px"><option>Online venner</option></select></td></table></td>
</tr>
<tr>
<td width="133" rowspan="2" bgcolor="#e6e6e6" style="border-right: 1px solid #000000;" valign="top">
    <br><table border="0" cellpadding="0" cellspacing="0" width="128" align="center" style="border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;">
    <tr>
    <td bgcolor="#000000" height="18" valign="middle"><span class="title_box">&nbsp;Rampelyset</span>
    </td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td>Billeder :)</td>
    </tr>
    </table>
    <br><table border="0" cellpadding="0" cellspacing="0" width="128" align="center" style="border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;">
    <tr>
    <td bgcolor="#000000" height="18" valign="middle"><span class="title_box">&nbsp;Undermenu</span>
    </td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td>Billeder :)</td>
    </tr>
    </table>
</td>
<td height="26" vAlign=top><img src="images/button_forside.jpg" alt="Forsiden"><img src="images/button_nyheder.jpg" alt="Nyhedsoversigt"><img src="images/button_anmeldelser.jpg" alt="Vores anmeldelser"><img src="images/button_forum.jpg" alt="Forum"><img src="images/button_festpics.jpg" alt="Festbilleder"><img src="images/button_kontakt.jpg" alt="Kontakt os!"></td>
<td width="133" rowspan="2" bgcolor="#e6e6e6" style="border-left: 1px solid #000000;" valign="top">
    <br><table border="0" cellpadding="0" cellspacing="0" width="128" align="center" style="border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;">
    <tr>
    <td colspan="2" bgcolor="#000000" height="18" valign="middle"><img src="images/icon_dreng_lille.gif">&nbsp;<span class="title_box">Kawsper</span>
    </td>
    </tr>
    <tr>
    <?
    # BRUGERENS MAND/DAME
    ?>
    <td rowspan="2" bgcolor="#FFFFFF" width="76"><center><img src="images/man_pic_replace.jpg"></center><br>
    </td>
    <td bgcolor="#FFFFFF" align="center" valign="top" height="48"><img src="images/button_sm_shop.jpg"><br><img src="images/button_sm_level.jpg"><br><img src="images/button_sm_vip.jpg">
    </td>
    </tr>
    <tr>
    <td bgcolor="#FFFFFF" height="28" align="right" valign"top"><img src="images/button_level.jpg">
    </td>
    </tr>
    <tr>
    <td colspan="2" bgcolor="#FFFFFF">
    <?
    # BRUGERMENU
    ?>
    &nbsp;Ret dine informationer<br>
    &nbsp;Rediger din profil<br>
    &nbsp;Rediger i dit fotoalbum<br>
    &nbsp;Indstillinger<br><br>
    &nbsp;Se din indbakke<br>
    &nbsp;Se din udbakke
    </td>
    </tr>
    </table><br>
    <table border="0" cellpadding="0" cellspacing="0" width="128" align="center" style="border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;">
    <tr>
    <?
    # MEST BESQGTE PROFILER
    ?>
    <td colspan="2" bgcolor="#000000" height="18" valign="middle"><span class="title_box"><center>Mest bes&oslash;gte profiler</center></span>
    </td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td width="110">&nbsp;1: bambam</td><td><center><img src="images/icon_dreng_lille.gif"></center></td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td width="110">&nbsp;2: kawsper</td><td><center><img src="images/icon_dreng_lille.gif"></center></td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td width="110">&nbsp;3: neo</td><td><center><img src="images/icon_dreng_lille.gif"></center></td>
    </tr>
    </table><br>
    <?
    # POPULAERE BILLEDER
    ?>
    <table border="0" cellpadding="0" cellspacing="0" width="128" align="center" style="border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;">
    <tr>
    <td colspan="2" bgcolor="#000000" height="18" valign="middle"><span class="title_box"><center>Popul&aelig;reste billeder</center></span>
    </td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td width="110">&nbsp;1: "Mine balloner"</td><td><center><img src="images/icon_dreng_lille.gif"></center></td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td width="110">&nbsp;2: "Da jeg viste m..."</td><td><center><img src="images/icon_dreng_lille.gif"></center></td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td width="110">&nbsp;3: "Min mor har e..."</td><td><center><img src="images/icon_pige_lille.gif"></center></td>
    </tr>
    </table></td>
</tr>
<tr>
<td valign="top">
<table width=98%" height="96%" bgcolor="#e9eef4" align="center" style="border: 1px solid #000000;">
<tr><td valign="top">
<iframe src="forside.php" name="iframe" width="100%" height="100%" frameborder="0" scrolling="yes" allowtransparency="true"></iframe>
</td></tr>
</table>
<center></center>
</td>
</tr>
</table>
Avatar billede olebole Juniormester
14. februar 2005 - 16:45 #1
<ole>

For at det skal være et HTML-dokument, skal det begynde med en DTD. Skal IE kunne tolke CSS nogenlunde korrekt, er det endvidere yderst vigtigt, DTD'en indeholder URL'en til definitionen. F.eks:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
... osv ...

/mvh
</bole>
Avatar billede roenving Novice
14. februar 2005 - 16:46 #2
-- og den skal sættes _før_ dine php-ting i starten, hvis du skal være sikker !-)
Avatar billede olebole Juniormester
14. februar 2005 - 16:47 #3
Dernæst eksisterer der ikke en height-attribut på et table-element. Højden skal sættes med styles.
Sætter man en relativ højde (en højde i procent), skal denne udregnes udfra det omkransende elements højde - som altså explicit skal være sat:

html, body {
  height: 100%,
  margin: 0px;
  padding: 0px;
}
Avatar billede alister_crowley Nybegynder
14. februar 2005 - 16:49 #4
lol roenving :)

session_start(); SKAL VÆRE ABSOLUT FØRST !!!!!!!

ligegyldigt hvad html der bruges, så skal det være først, ellers virker det nemlig ikke.
Men doctype lige bagefter er fint nok.
Avatar billede olebole Juniormester
14. februar 2005 - 16:49 #5
roenving >> Det er nu ikke nødvendigt (da alm. blanktegn ingen indflydelse har) - og kan i øvrigt let give header-problemer i PHP  ;o)
Avatar billede olebole Juniormester
14. februar 2005 - 16:53 #6
alister_crowley >> Den almindelige betydning af versaler på WWW er, at personen råber/skriger. Der er ingen grund til at skrige skingert ad roenving ... du kan sagtens nøjes med at skrive helt almindeligt.
Det værste, der kan ske ved ikke at skrige, er, at folk tager dit indlæg alvorligt  :)
Avatar billede alister_crowley Nybegynder
14. februar 2005 - 17:03 #7
hov, ja, er ikke helt vågen, tror jeg går i seng nu.  Undskyld forstyrelsen ;-)
Avatar billede roenving Novice
14. februar 2005 - 17:08 #8
-- havde ikke lige registreret, at det også var en session-start ...

-- men kan da fortælle, at man -- i hvert fald i asp.net -- kan sætte doctype foran selv de grundlæggende registreringer, eller f.eks. sætte den i forlængelse af den sidste registrering og dermed få doctype uden whitespace foran ...

-- og det er jeg blevet fortalt er nødvendigt (og har vist en enkelt gang bandet over en sådan fejl, som jeg ikke kunne se !-)
Avatar billede olebole Juniormester
14. februar 2005 - 17:13 #9
roenving >> alm. whitespace før DTD'en gør intet, men jeg kan huske fra min tid som Macintosse, at der kan være problemer med visse obskure blanktegn med Mac-oprindelse  :)
Avatar billede 123maka Nybegynder
14. februar 2005 - 17:14 #10
At placere den foran session_start(); giver ihvertfald en header-fejl her (PHP4).

Men nu når jeg sætter det du har skrevet så breaker den ihvertfald i Firefox. Hvordan retter jeg det?
Avatar billede olebole Juniormester
14. februar 2005 - 17:15 #11
PS: man kan altid teste, om dokumentet er CSS-kompatibelt med:

<script type="text/JavaScript">
alert(document.compatMode);
</script>

- som vil returnere 'CSS1Compat', hvis dokumentet er kompatibelt med CSS-standarden
Avatar billede olebole Juniormester
14. februar 2005 - 17:16 #12
Det kræver du taler dansk - eller i det mindste forklarer vendingen: "så breaker den ihvertfald i Firefox"
Avatar billede 123maka Nybegynder
14. februar 2005 - 17:36 #13
Den skriver CSS1Compat :)

Breaker: Topmargin og Bottommargin bliver ikke respekteret, indholdsframen (iframen) hiver sig selv helt sammen. og ja, den ser ret underlig ud.
http://83.88.204.226/IE2.jpg
Avatar billede olebole Juniormester
14. februar 2005 - 17:42 #14
Jeg kan ikke bruge jpg's til noget. Link til siden i stedet
Avatar billede olebole Juniormester
14. februar 2005 - 17:44 #15
Har du husket at sætte højde på cellen her:
<td valign="top">
<iframe src="forside.php" name="iframe" width="100%" height="100%" frameborder="0" scrolling="yes" allowtransparency="true"></iframe>

- hvis ikke, kan du ikke sætte en relativ højde på iframe'en. Husk også denne i din CSS:

html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
}
Avatar billede olebole Juniormester
14. februar 2005 - 17:45 #16
Da jeg skrev den CSS-regel første gang i denne tråd, kom jeg vist til at sætte et komma efter de 100%. Det skulle have været et semikolon  ;o)
Avatar billede 123maka Nybegynder
14. februar 2005 - 17:52 #17
http://kawsper.dyndns.dk/yats_new/index-retry.php
Er det ikke muligt at gøre iframen relativ? Eller ihvertfald gøre så den sætter sig efter vinduets størrelse?
Avatar billede olebole Juniormester
14. februar 2005 - 22:56 #18
Nej ... så skal du have gang i noget JavaScript
Avatar billede 123maka Nybegynder
15. februar 2005 - 18:35 #19
Ville du kunne lave et løsningsforslag ?
Avatar billede 123maka Nybegynder
19. februar 2005 - 13:37 #20
lukker.
Avatar billede olebole Juniormester
19. februar 2005 - 21:28 #21
nå ...?!??!!!
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