seite mit fix positionierten elementen includen - Seite 2

wallhall · 27.11.2006, 16:21

Zitat:

Original geschrieben von xpla
Naja, wieso positionierst du es dann auch absolut ...

weil es der aufbau dieser seite verlangt, unter dem ersten bild sind weitere bilder, und darunter noch mehr usw., und jedes ist fix positioniert.

wallhall · 27.11.2006, 16:58

relativ absolut klappt auch nicht, schaut ziemlich wild aus ....

xpla · 27.11.2006, 17:02

Dann wirf ich mal die Glaskugel an und überleg mir, wie dein Quellcode ausschaut ...

wallhall · 27.11.2006, 21:06

also hier der code für die seite mit den fixen positionen:

Code:

<head>
<script type="text/javascript">
<!--
function info(p1,p2)
{document.getElementById(p1).style.visibility=p2;}
//-->
</script>
</head>

<body>

 <div style="position:absolute; left:400px; top:00px; width:100; height:100px;"> 
  <table width="100" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#003366" class="normal">
   <tr bgcolor="#E7EDF8"> 
    <td height="10"> 
     <div>I/1</div>
    </td>
   </tr>
   <tr bgcolor="#008B97"> 
    <td height="50" onMouseover="javascript:info('boxI_1','visible')" onMouseout="javascript:info('boxI_1','hidden')">Stammesvater Matthias</td>
   </tr>
   <tr bgcolor="#E7EDF8">
    <td height="10">
     <div>Kinder:</div>
    </td>
   </tr>  
  </table>
 </div>
  
  
 <div style="position:absolute; left:350px; top:100px; width:100; height:100px;"> 
  <table width="100" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#003366" class="normal">
   <tr bgcolor="#E7EDF8"> 
    <td height="10"> 
     <div>II/1</div>
    </td>
   </tr>
   <tr bgcolor="#008B97"> 
    <td height="50" onMouseover="javascript:info('boxII_1','visible')" onMouseout="javascript:info('boxII_1','hidden')">Gallus</td>
   </tr>
   <tr bgcolor="#E7EDF8">
    <td height="10">
     <div>Kinder:</div>
    </td>
   </tr>  
  </table>
 </div>

 <div style="position:absolute; left:450px; top:100px; width:100; height:80px;"> 
  <table width="100" border="1" cellspacing="0" cellpadding="0" height="80" bordercolor="#003366" class="normal">
   <tr bgcolor="#E7EDF8"> 
    <td height="10"> 
     <div>II/2</div>
    </td>
   </tr>
   <tr bgcolor="#AB8B97"> 
    <td height="50" onMouseover="javascript:info('boxII_2','visible')" onMouseout="javascript:info('boxII_2','hidden')">Wolfgang</td>
   </tr>
  </table>
 </div>

 <div style="position:absolute; left:200px; top:200px; width:100; height:80px;"> 
  <table width="100" border="1" cellspacing="0" cellpadding="0" height="80" bordercolor="#003366" class="normal">
   <tr bgcolor="#E7EDF8"> 
    <td height="10"> 
     <div>III/1</div>
    </td>
   </tr>
   <tr bgcolor="#AB8B97">
    <td height="50" onMouseover="javascript:info('boxIII_1','visible')" onMouseout="javascript:info('boxIII_1','hidden')">Johannes</td>
   </tr>
  </table>
 </div>

 <div style="position:absolute; left:300px; top:200px; width:100; height:80px;"> 
  <table width="100" border="1" cellspacing="0" cellpadding="0" height="80" bordercolor="#003366" class="normal">
   <tr bgcolor="#E7EDF8"> 
    <td height="10"> 
     <div>III/2</div>
    </td>
   </tr>
   <tr bgcolor="#AB8B97"> 
    <td height="50" onMouseover="javascript:info('boxIII_2','visible')" onMouseout="javascript:info('boxIII_2','hidden')">Leonhardus</td>
   </tr>
  </table>
 </div>
   
 <div style="position:absolute; left:820px; top:200px; width:100; height:100px;"> 
  <table width="100" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#003366" class="normal">
   <tr bgcolor="#E7EDF8"> 
    <td height="10"> 
     <div>III/3</div>
    </td>
   </tr>
   <tr bgcolor="#008B97">
    <td height="50" onMouseover="javascript:info('boxIII_3','visible')" onMouseout="javascript:info('boxIII_3','hidden')">Leonhard</td>
   </tr>
   <tr bgcolor="#E7EDF8">
    <td height="10">
     <div>Kinder:</div>
    </td>
   </tr>  
  </table>
 </div>

</body>

und die soll hier includet werden:

PHP-Code:


			
   echo "<title>$titel</title>\n";

    echo "</head>\n";

    echo "<body>\n";

    echo "    <div id=\"Einleitung\">\n";

    echo "    <h1>Hier kommt der Text hin, der sich entweder über eine oder mehrere Zeilen erstreckt!</h1>\n";

    echo "<table width=\"100%\">\n";

    echo "<tr>\n";

foreach($menue as $key => $val) {

    if ($key == $_GET['geladene_seite']) {

    echo "<td align=\"center\" bgcolor=\"#00ff00\">" . $val['title'] . "</td>";

    } else {

        echo "<td align=\"center\" bgcolor=\"#c0c0c0\"><a href=\"" . $val['path'] . "\">" . $val['title'] . "</a></td>";

    }

}

    echo " </tr>\n";

    echo " </table>\n";

    echo "</br>\n";

    echo " </div>\n";    

    echo " <div id=\"Inhalt\" style=\"background-image:url(wappen.jpg);\">\n";

    if (isset($_GET['geladene_seite']) AND isset($menue[$_GET['geladene_seite']])) {

       include($menue[$_GET['geladene_seite']]['file']);

    } else {

       include ($menue['neues']['file']);

    }     

    echo "</div>\n";

die seite soll im <div "Inhalt"> geladen werden, ich hoffe du kannst dir nun mehr vorstellen

xpla · 29.11.2006, 09:09

Das kann ja vorne und hinten nicht hinhauen.

Wieso positionierst du die überhaupt absolut? Also mit den festen Höhen etc. glaube ich schon, dass er dir das Layout zerschießt, wenn du was reinladest ...

Schick mir ne PM mit deiner ICQ oder MSN ...

wallhall · 30.12.2006, 17:39

bauch immer noch ein bissi hilfe. mit postition:relative klappt es auch nicht, da wird alles untereinander dargestellt - und nicht nebeneinander.

ajah, getestet mit ie7

xpla · 30.12.2006, 21:18

Das Ganze soll ja automatisch generiert werden?! Ich würd dir wirklich vorschlagen, mach nen kommerziellen Auftrag draus ...

wallhall · 31.12.2006, 19:39

... wenn keiner helfen will/kann, lässt sich ja auch mit blinden tabellen lösen ...

iG0r · 01.01.2007, 19:05

untereinander und nebeneinder ...

da würde ich dir css -> float und left bzw. right ans herz legen. das css gefummel wird sowieso überschätzt. macht 10 mal so viel arbeit wie ein design mit tables, wobei ein halbwegs vernünftiges tabledesign in jedem browser richtig dagestellt wird. spar dir die switches für den ie etc., bau es gleich mit tables.

ich liebe tables

, mir ist css zu nervenaufreibend.

xpla · 01.01.2007, 22:55

Zitat:

Original geschrieben von iG0r
untereinander und nebeneinder ...

da würde ich dir css -> float und left bzw. right ans herz legen. das css gefummel wird sowieso überschätzt. macht 10 mal so viel arbeit wie ein design mit tables, wobei ein halbwegs vernünftiges tabledesign in jedem browser richtig dagestellt wird. spar dir die switches für den ie etc., bau es gleich mit tables.

ich liebe tables , mir ist css zu nervenaufreibend.

Nur damit lockst aber keinen mehr hervor, die meisten wollen ein CSS xhtml konformes Template.

27.11.2006, 16:58	#12
wallhall Senior Member Registriert seit: 13.02.2003 Beiträge: 149	relativ absolut klappt auch nicht, schaut ziemlich wild aus .... ____________________________________ lg wallhall

30.12.2006, 17:39	#16
wallhall Senior Member Registriert seit: 13.02.2003 Beiträge: 149	bauch immer noch ein bissi hilfe. mit postition:relative klappt es auch nicht, da wird alles untereinander dargestellt - und nicht nebeneinander. ajah, getestet mit ie7 ____________________________________ lg wallhall

31.12.2006, 19:39	#18
wallhall Senior Member Registriert seit: 13.02.2003 Beiträge: 149	... wenn keiner helfen will/kann, lässt sich ja auch mit blinden tabellen lösen ... ____________________________________ lg wallhall

27.11.2006, 17:02	#13
xpla Elite Registriert seit: 19.12.2003 Beiträge: 1.210	Dann wirf ich mal die Glaskugel an und überleg mir, wie dein Quellcode ausschaut ...

29.11.2006, 09:09	#15
xpla Elite Registriert seit: 19.12.2003 Beiträge: 1.210	Das kann ja vorne und hinten nicht hinhauen. Wieso positionierst du die überhaupt absolut? Also mit den festen Höhen etc. glaube ich schon, dass er dir das Layout zerschießt, wenn du was reinladest ... Schick mir ne PM mit deiner ICQ oder MSN ...

30.12.2006, 21:18	#17
xpla Elite Registriert seit: 19.12.2003 Beiträge: 1.210	Das Ganze soll ja automatisch generiert werden?! Ich würd dir wirklich vorschlagen, mach nen kommerziellen Auftrag draus ...

01.01.2007, 19:05	#19
iG0r Gesperrt Registriert seit: 14.08.2003 Alter: 47 Beiträge: 915	untereinander und nebeneinder ... da würde ich dir css -> float und left bzw. right ans herz legen. das css gefummel wird sowieso überschätzt. macht 10 mal so viel arbeit wie ein design mit tables, wobei ein halbwegs vernünftiges tabledesign in jedem browser richtig dagestellt wird. spar dir die switches für den ie etc., bau es gleich mit tables. ich liebe tables , mir ist css zu nervenaufreibend.

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)