[html] refresh wijzigt layout in IE * - Softwareontwikkeling

vrijdag 27 februari 2004 20:35

Acties:

Topicstarter

Ik heb 2 pagina's:

index.php met daarin een form en een textfield. In het textfield geef je een zoekterm op. Deze wijst vervolgens door naar zoek.php.

Als de zoekterm niet ingevuld wordt (nix dus) dan geeft het script een foutmelding. Maar het lijkt erop alsof hij de layout daarna niet goed weergeeft:

zoekbox:

code:

      <form name="form" action="zoek.php" method="get">
        <input type="text" name="q" />
        <input type="submit" name="Submit" value="Search" />
      </form>

beindiging van het script als zoekterm nix is:

PHP:

$var = @$_GET['q'] ;
$trimmed = trim($var); 
if ($trimmed == "")
  {
include ('header.php');
echo"Geen zoekterm";
include ('footer.php');
exit();
  }

De exit(); zit voor mijn includes die beide standaard html bevatten. Je zou denken dat ie de html dus correct zou moeten weergeven. Maar hij laat het zo zien aan de onderkant van mijn pagina:

Afbeeldingslocatie: http://www.wijmakenwebsites.nl/fout.gif

Afbeeldingslocatie: http://www.wijmakenwebsites.nl/fout.gif

Dit moet een tabel zijn die op 100% staat en dus pagina vullend tot onderaan zou moeten zijn.
Maar als ik op "Refresh" in Internet Explorer druk hij het wel goed laat zien.
Zo dus:
Afbeeldingslocatie: http://www.wijmakenwebsites.nl/goed.gif

Afbeeldingslocatie: http://www.wijmakenwebsites.nl/goed.gif

Hoe kan dit? Ik snap er ff helemaal niets meer van.

[ Voor 14% gewijzigd door ViNyL op 27-02-2004 20:44 ]

vrijdag 27 februari 2004 20:56

Acties:

ebas

Zit in de output naar je browser (Bron bekijken) wel de html uit footer.php?
Wat is de output ipv "Geen zoekterm" als er wél een zoekterm ingevuld is?

vrijdag 27 februari 2004 21:01

Acties:

ViNyL

Topicstarter

Ja het zit er wel keurig in maar geeft het dus niet correct weer:

code:

<html>
<head>
<title>Zoeken</title>
</head>
<body background='groen.gif' leftmargin='50' topmargin='0' marginwidth='0' marginheight='0'>
<table width='70%' height='100%' border='0' cellpadding='5' cellspacing='0' background='blauw.gif'>
<tr>
  <td width='75%' valign='top' style='border-left: solid 1px #6e6e6e;'>[img]'logo.gif'>[/img]
<td width='25%' align='right' valign='top' style='border-right: solid 2px #3e3e3e;border-left: solid 1px #3e3e3e;'>
<p><font color='#FFFFFF' size='2' face='Geneva, Arial, Helvetica, sans-serif'>zoeken:</font></p>
  <p>
  <form name='form' action='zoek.php' method='get' target='_top'>
    <input type='text' name='q' />
    <input type='submit' name='Submit' value='Search' />
  </form>
  </p>
</td>
</tr>
</table>
</body></html>

De output als er wel wat is ingevuld zijn resultaten uit een database of het bericht dat er met de ingevulde zoekterm geen resultaten gevonden zijn.

vrijdag 27 februari 2004 21:12

Acties:

drm

f0pc0dert

... en dit is derhalve een HTML- en geen PHP-probleem, laat staan een MySQL probleem...

Move naar W&G dus.

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

vrijdag 27 februari 2004 21:15

Acties:

Verwijderd

Zet eens een goede doctype aan het begin van je HTML.

En je HTML is een mix van HTML 3.2 en XHTML. Dat is natuurlijk ook vragen om problemen. Geef een doctype op, en houd je daar vervolgens ook aan.

vrijdag 27 februari 2004 21:37

Acties:

Verwijderd

code:

html,body{
 margin:0;
 padding:0; /* voor Opera, welke W3C core style sheets gebruikt */
}

zaterdag 28 februari 2004 00:03

Acties:

ViNyL

Topicstarter

Hmm gemoved. Ik had toch het idee dat het iets met de PHP code die het output te maken had. Terwijl het in html WEL klopt....

// Zelfs in wel kloppende HTML etc met doctype blijft het probleem, zoals ik hierboven al meldt heb ik het idee dat het door de PHP output komt, maar goed.

//FF een <style> tagje in de head gezet met de code van Anne en dat fixed het
//probleem. Vaag dat in Internet Explorer dit probleem voorkomt

//Die van Sjoerb lost het ook op..

Dank voor de tips!

[ Voor 69% gewijzigd door ViNyL op 28-02-2004 00:11 ]

zaterdag 28 februari 2004 00:09

Acties:

sjoerdb2

Dit heb ik ook gehad,

Als je in je body-tag bottommargin=0 zet, komt het helemaal goed...

[ Voor 7% gewijzigd door sjoerdb2 op 28-02-2004 00:10 . Reden: typo ]

zaterdag 28 februari 2004 08:57

Acties:

Verwijderd

Dat is geen probleem, dat is een feature. En je HTML lijkt btw uit '95 te komen (met die suggesties van sjoerdb wordt het er niet beter op).

(Anne hoopt dat er gauw een regel komt voor niet geldige documentjes)

zaterdag 28 februari 2004 10:07

Acties:

ViNyL

Topicstarter

Voor mij was het een probleem, omdat ik niet wist dat er een feature voor was.

Maauh, hoe ziet dit stukje er in 2004 uit dan?

code:

<html>
<head>
<title>Zoeken</title>
</head>
<body background='groen.gif' leftmargin='50' topmargin='0' marginwidth='0' marginheight='0'>
<table width='70%' height='100%' border='0' cellpadding='5' cellspacing='0' background='blauw.gif'>
<tr>
  <td width='75%' valign='top' style='border-left: solid 1px #6e6e6e;'>[img]'logo.gif'>[/img]
<td width='25%' align='right' valign='top' style='border-right: solid 2px #3e3e3e;border-left: solid 1px #3e3e3e;'>
<p><font color='#FFFFFF' size='2' face='Geneva, Arial, Helvetica, sans-serif'>zoeken:</font></p>
  <p>
  <form name='form' action='zoek.php' method='get' target='_top'>
    <input type='text' name='q' />
    <input type='submit' name='Submit' value='Search' />
  </form>
  </p>
</td>
</tr>
</table>
</body></html>

[ Voor 96% gewijzigd door ViNyL op 28-02-2004 10:10 ]

zaterdag 28 februari 2004 10:21

Acties:

Justice

HTML:

<!DOCTYPE 
  html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//NL" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
  <title>zoeken</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  <link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
</head>
<body>
  <div>
    <p>[img]"logo.gif"[/img]Geen zoekterm</p>
    <p>zoeken:></p>
    <form name="form" action="zoek.php" method="get">
      <input type="text" id="q" />
      <input type="submit" id="Submit" value="Search" />
    </form>
  </div>
</body>
</html>

Zo ongeveer. En de rest in stylesheets.

[ Voor 184% gewijzigd door Justice op 28-02-2004 10:26 ]

Human Bobby

zaterdag 28 februari 2004 10:31

Acties:

ViNyL

Topicstarter

Hmm Hoe creeer ik met een div tag het zelfde effect als de table die ik gebruikte dan?

* ViNyL denkt dat het tijd wordt voor een boekje xhtml

[ Voor 7% gewijzigd door ViNyL op 28-02-2004 10:31 ]

zaterdag 28 februari 2004 10:42

Acties:

Verwijderd

* Anne denkt dat XHTML niks met CSS te maken heeft.

En er is geen feature voor, het is een "feature" (gunst) van de browser. Voor documenten die zonder CSS e.d. zijn opgemaakt.

zaterdag 28 februari 2004 10:44

Acties:

ViNyL

Topicstarter

Het wordt dus EN een boek XHTML EN CSS..

omg.

Als ik die body tags vervang met dit:

code:

<style type="text/css">
html,body{
 margin-top : 0;
 margin-right : 0;
 margin-bottom : 0;
 margin-left : 50px;
 padding : 0; 
}
</style>

Klopt het wel ?

[ Voor 81% gewijzigd door ViNyL op 28-02-2004 10:46 ]

zaterdag 28 februari 2004 11:04

Acties:

Verwijderd

1. Je bedoelt waarschijnlijk de attributen van het BODY element, nietwaar?
2. Je geeft nu zowel het HTML, als het BODY element een 'margin-left' van 50px, waar je waarschijnlijk alleen het BODY element zo'n 'margin' wilt geven. Zoiets is dan beter:

code:

html{
 margin:0;
 padding:0;
}
body{
 margin:0 0 0 50px;
 padding:0;
}

zaterdag 28 februari 2004 11:08

Acties:

ViNyL

Topicstarter

Hmm ok. Dank je wel. Ik heb wel door dat mijn html en css kennis wel weer eens stevig opgepoetst mogen worden.

// Leuk he, iemand met "standardmode" en iemand met als ondertitel "Not down
// with the standard". De ironie