You are not logged in.

PHP Fixieren

wcf.regNote.message

Hexo

Intermediate

  • "Hexo" started this thread

Posts: 297

  • Send private message

1

Saturday, July 15th 2006, 2:47pm

PHP Fixieren

Hi.

Ich hab da mal ne Doofe frage.... Ich hab jetzt mal was getestet. Ich hab drei *php erstellt.

1. Index.php
2. Header.php
3. Footer.php

Quasi will ich auf den weg von Frames kommen. Das funzt auch schon sehr gut. Leider hab ich da ein kleines Problem, bzw ne Frage.

Gibt es irgendwie eine Möglichkeit den Footer auszurichten? Also sagen wir mal so. Der Header und der Footer sollen statisch sein (am Browser oben und unten fixiert) und nur der "index" soll scrollbar sein. Geht das mit PHP überhaupt?

Mit Frames ist das irgendwie doof.

Hexo

Intermediate

  • "Hexo" started this thread

Posts: 297

  • Send private message

2

Tuesday, July 18th 2006, 11:56am

Noch was.

Ich hab in der Index.php folgendes stehen:


Source code

 
1
2
3
4
5

<? include ("header.php"); ?>

Mein Html Text

<? include ("footer.php");?>


In dem header.php steht dann:

Source code

 
1

Nur der HTML Text


und in der footer.php steht:

Source code

 
1

Nur der HTML Text


Wie gesagt, ich will komplett von den HTML Frames weg und da scheint PHP echt super zu sein. Leider hab ich damit noch nicht so viel erfahrung.

Ich hab jetzt noch ein kleines Problem. Der Footer soll eine feste größe haben. Das definiere ich ja in der Footer.php mittles z.b. Tabelle mit 150px höhe. Das selbe hab ich jetzt für den Header gemacht.

Der Index, also mein "Mainframe" sollte sich aber immer der verbleibenden Höhe des Monitors anpassen.Wenn der Platz nicht aussreicht, ist ein Scrollbalken ok. Ich hab jetzt schonmal versucht in der Index.php eine Tabelle mit einer Höhe von 100% zu erstellen. Das klappt leider nicht. Er passt zwar die Tablelle der Monitorgröße an, irnoriergt aber die größe des Headers und Footers so dass ich selbst bei wenig inhalt scrollen muss.

Wie kann ich das jetzt am besten händeln? Es sollte im Prinzip sich am Aufbau meiner Seite www.emsfriends.com nichts ändern. Ich will nur von den Scheiß Frames weg. Die sind total unpraktisch. Bekommt man das irgendwie hin, dass der Header immer oben und der Footer immer unten ist (in abhänigkeit von der Bildschrimauflösung-> also wie das jetzt auch mit den Frames ist.)

Prometheus

Administrator

Posts: 3,278

  • Send private message

3

Tuesday, July 18th 2006, 11:13pm

Ich denke eine brauchbare Lösung wäre es über Divs zu arbeiten. Das heißt du definierst ein Div für den Header und eines für den Footer und platzierst diese dort wo du möchtest. Den Header also z.B. mit 0 Pixel abstand zum oberen Bildschirmrand. Die Bildschirmhöhe kannst Du ermitteln und somit auch auf den Pixel genau festlegen wo dein Arbeitsbereich anfängt und aufhört. Dann noch nen schönen JS Scroller ins Div für den Inhalt und fertig.

Schau Dir am besten mal an wie man die Größe der Arbeitsfläche ermittelt und dann ein Div ganz genau platziert. Du kannst auch Divs übereinander legen und mittels Z-Index deren Position festlegen.
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

Hexo

Intermediate

  • "Hexo" started this thread

Posts: 297

  • Send private message

4

Wednesday, July 19th 2006, 4:58pm

Ja stimmt, das würde gehen, aber leider hält sich der dämliche IE nicht an die Regelung.

Ich hab das mal so ausprobiert:

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<html>
  <head>
    <title></title>
  <style type="text/css">
  <!--
    body {height:100%; max-height:100%; padding:0; margin:0; border:0;}
    #header {position: fixed; top: 0; right: 0; left: 0; width:100%; height: 30px;}
    #head {position: relative; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background: #003366;}
    #main {padding: 10px 0px 40px 0px;}
    #footer {position: fixed; bottom: 0; right: 0; left: 0; width:100%; height: 30px;}
    #foot {position: relative; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background: #003366;}
  -->
  </style>
  </head>
  <body>
    <div id="header">
      <div id="head">
        Text a
      </div>
    </div>
    <div id="main">
      Text b
    </div>
    <div id="footer">
      <div id="foot">
        Text c
      </div>
    </div>
  </body>
</html>


Im Prinzip nicht verkehrt, aber wie gesagt, bei IE komplett Scrollbar. Der hält sich einfach nicht daran. Doofes Teil.

Achso, wie Include ich denn dann am besten einen Pfad? Sonst hat ich das immer über:

Source code

 
1

<iframe src="../galerie/" width="100%" height="100%" frameborder="0">Sorry, your browser doesn't support iframes</iframe>

gemacht. Aber bei der "Div"lösung würde das nicht so wirklich funzen. Fragen über Fragen....

EDIT:

Ich hab jetzt die Lösung gefunden, warum der IE sich nicht an die CSS DIV möglichkeit hält!! Es ist der IE selbst, der einfach noch nicht damit umgehen kann. Laut Selfhtml gibt es aber ne Lösung dem das beizubringen. Ich habs schon getestet und es würde klappen. Ich hab den Code genommen, der bei Selfhtml beschrieben wird. Allerdings wird dann der Footer irnoriert. Das heißt, der Code müßte noch für mich angepasst werden. Hat jemand ne Ahnung wie?

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13

<!--[if IE]><style type="text/css">
  @media screen {
    html, body {
      height: 100%; overflow-y: hidden;
    }
    #Scrollbereich {
      height: 100%; width: 100%; overflow: auto;
    }
    #Inhalt {
      position: static;
    }
  }
</style><![endif]-->


Das muss in den Headbereich reingeschrieben werden.

This post has been edited 1 times, last edit by "Hexo" (Jul 20th 2006, 10:58am)

Hexo

Intermediate

  • "Hexo" started this thread

Posts: 297

  • Send private message

5

Friday, July 21st 2006, 12:44pm

Kann mir keiner helfen? Ich bekomm das irgendwie nicht so wirklich hin.

Spy

Trainee

Posts: 127

Occupation: Feriengammler

  • Send private message

6

Friday, July 21st 2006, 1:32pm

Du meinst das so ?!
Habe 4 Div Elemente und beim Inhalt ein Scrollbereich.. Am besten mal im Seitenquelltext gucken...

http://cero.askubo.de/gaestebuch.php?status=anzeige



Nicht wundern ist nicht aktuell hochgeladen.. war nur testweise...
Die Welt ist irgendwie total Buggy programmiert X(

Hexo

Intermediate

  • "Hexo" started this thread

Posts: 297

  • Send private message

7

Friday, July 21st 2006, 6:18pm

Jo, so in der Art... Aber... Schau Dir die Seite mal mit dem IE an. Da springt wieder alles Durcheinander. Dummes Teil einfach.

Spy

Trainee

Posts: 127

Occupation: Feriengammler

  • Send private message

8

Friday, July 21st 2006, 11:35pm

ja ich hab glaube dann noch ne css datei für IE geschrieben...

P.S.: IE *such* *such*
Die Welt ist irgendwie total Buggy programmiert X(

This post has been edited 1 times, last edit by "Spy" (Jul 21st 2006, 11:35pm)

Hexo

Intermediate

  • "Hexo" started this thread

Posts: 297

  • Send private message

9

Tuesday, July 25th 2006, 7:50pm

Kann ich die CSS vielleicht mal sehen?

bauser

Intermediate

Posts: 384

Occupation: Senior Software Engineer

  • Send private message

10

Wednesday, July 26th 2006, 3:49pm

du könntest das vielleicht über ne tabelle lösen.


PHP Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<table style="table-layout: fixed; width: 100%; height: 100%;" >
  <tr>
    <td style="width: 100%; height: 100px;" >
        <?php include("header.php"); ?>
    </td>
  </tr>
  <tr>
    <td style="width: 100%; height: 100%;" >
      <?php include("index.php"); ?>
    </td>
  </tr>
  <tr height="100">
    <td style="width: 100%; height: 100px;" >
      <?php include("footer.php"); ?>
    </td>
  </tr>
</table>



obs so klappt weiß ich nich, musst du mal testen.
I'm Tony Menthanar! You fuck wit me, you fuckin' wit da best!

Hexo

Intermediate

  • "Hexo" started this thread

Posts: 297

  • Send private message

11

Friday, July 28th 2006, 12:29pm

Klingt gut. Ich werde das am Wochenende einfach mal testen und dann ein Feedback geben.

wcf.user.socialbookmarks.titel