Fehler bei Seitenaufteilung mit div's

php-christoph · 02.01.2011, 19:50

hi,

ich schreibe erst mal meine Ansätze und schildere dann unten mein Problem.

index.php

PHP-Code:

  <html>

         <head>

                 <title>index</title>

                 <meta name="author" content="Christoph">

         </head>

         <body>

                 <link rel="stylesheet" type="text/css" href="style.css">

 
 
                 <div class="container">

                         <div class="top_left">

                                 <object data="top_left.php">

                         </div>

 
                         <div class="banner">

                                 <object data="banner.php">

                         </div>

 
                         <div class="top_right">

                                 <object data="top_right.php">

                         </div>

 
                         <div class="navi_top">

                                 <object data="navi_top.php">

                         </div>

 
                         <div class="navi_left">

                                 <object data="navi_left.php">

                         </div>

 
                         <div class="main">

                                 <object data="main.php">

                         </div>

 
                         <div class="navi_right">

                                 <object data="navi_right.php">

                         </div>

 
                         <div class="bottom_left">

                                 <object data="bottem_left.php">

                         </div>

 
                         <div class="bottom_center">

                                 <object data="bottom_center.php">

                         </div>

 
                         <div class="bottom_right">

                                 <object data="bottom-right.php">

                         </div>

                 </div>

         </body>

</html>

style.css

Code:

div.container
                 {
                 width:1000px;
                 height:1000px;
                 margin-left:auto;
                 margin-right:auto;
                 padding:0px;
                 }


div.top_left
                 {
                 position: absolute;
                 width:195px;
                 height:145px;
                 margin-top:0px;
                 margin-left:0px;
                 }

div.banner
                 {
                 position: absolute;
                 width:595px;
                 height:95px;
                 margin-top:0;
                 margin-left:200px;
                 background:red;
                 }

div.top_right
                 {
                 position: absolute;
                 width:195px;
                 height:145px;
                 margin-top:0px;
                 margin-left:800px;
                 }

div.navi_top
                 {
                 position: absolute;
                 width:595px;
                 height:45px;
                 margin-top:100px;
                 margin-left:200px;
                 }

div.navi_left
                 {
                 position: absolute;
                 width:195px;
                 height:495px;
                 margin-top:150px;
                 margin-left:0px;
                 }

div.navi_right
                 {
                 position: absolute;
                 width:195px;
                 height:495px;
                 margin-top:150px;
                 margin-left:800px;
                 }

div.main
                 {
                 position: absolute;
                 width:595px;
                 height:495px;
                 margin-top:150px;
                 margin-left:200px;
                 }

div.bottom_left
                 {
                 position: absolute;
                 width:195px;
                 height:145px;
                 margin-top:650px;
                 margin-left:0px;
                 }

div.bottom_center
                 {
                 position: absolute;
                 width:595px;
                 height:145px;
                 margin-top:650px;
                 margin-left:200px;
                 }

div.bottom_right
                 {
                 position: absolute;
                 width:195px;
                 height:145px;
                 margin-top:650px;
                 margin-left:800px;
                 }

a:link
                 {
                 color:#000000;
                 text-decoration:none;
                 }

a:visited
                 {
                 color:#000000;
                 text-decoration:none;
                 }

a:focus
                 {
                 color:#000000;
                 text-decoration:none;
                 }

a:hover
                 {
                 color:#000000;
                 text-decoration:none;
                 font-size: medium;
                 font-weight: bold;
                 }

a:active
                 {
                 color:#000000;
                 text-decoration:none;
                 }

body
                 {
                 font-family: Times New Roman;
                 text-align: left;
                 color: #000000;
                 font-size: small;
                 }

So jetzt zu meinem Problem:

Mein Ziel ist es, entlich von Frames weg zukommen und durch div's zu ersetzen. Nun wollte ich aber gerne weiterhin die Seite in mehrere Dateien unterteilen. Meine Idee war es nun, die einzelnen Seiten Teile mit <object data="top_left.php"> einzusetzen.
Doch dieses klappt nicht richtig. Die eingesetzen Dateien werden nie richtig dargestellt.
Was mach ich falsch, oder was muss ich anderes machen?
Bin über jede Idee dankbar.

Gruß
christoph

mimomamu · 02.01.2011, 20:59

index.php

PHP-Code:

 
<html>
         <head>
                 <title>index</title>
                 <meta name="author" content="Christoph">
         </head>
         <body>
                 <link rel="stylesheet" type="text/css" href="style.css">


                 <div class="container">
                         <div class="top_left">
                                 <?php include "top_left.php"; ?>
                         </div>

                         <!-- ... -->

                 </div>
         </body>
</html>

php-christoph · 02.01.2011, 21:51

Danke, hat super geklappt!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Zip Archive mit PHP erstellen - Kein Fehler, aber ZIP Archiv ist nicht da	robat	PHP Tipps 2010	34	09.03.2011 20:17
Sqlite3 "Update", Fehler bei mehr als 1 "Set" Anweisung	skerge12	Datenbanken	4	21.12.2010 09:45
Funktion rename() auf USB-Festplatten bringt Fehler	Wing	PHP Tipps 2010	13	16.07.2010 23:00
MySQL: Fehler 10046 keine Datenbank ausgewählt	aschunk	Datenbanken	5	22.04.2010 12:27
[Erledigt] Syntax Error - Wo ist der Fehler?	Extremefall	PHP Tipps 2009	5	14.12.2009 17:46
[Erledigt] vista, windows update Fehler 80070422	Screeze	Off-Topic Diskussionen	3	23.09.2009 18:24
[Erledigt] Fehler bei Array ausgabe	newWorldOrder	PHP Tipps 2009	2	23.02.2009 17:29
2 Div's zentrieren	pfump	HTML, Usability und Barrierefreiheit	7	24.04.2008 10:57
[Erledigt] Seite wird nicht angezeigt, untersch. Fehler bei IE/FF/Safar		PHP-Fortgeschrittene	19	31.05.2005 14:52
Fehler mit Hintergrund bei DIV's - Im Firefox - Help me :-(		HTML, Usability und Barrierefreiheit	20	27.05.2005 10:39
Blöder MySQL Fehler		PHP Tipps 2005	3	15.05.2005 03:14
Fehlermeldung - aber kein fehler...	Tschuu	HTML, Usability und Barrierefreiheit	16	14.03.2005 15:56
Wo liegt der fehler??		PHP-Fortgeschrittene	5	22.12.2004 09:54
array_push nur in begrenzter Anzahl ausführen ?		PHP Tipps 2004	2	07.09.2004 09:05

02.01.2011, 19:50
php-christoph Neuer Benutzer Registriert seit: 27.12.2009 Beiträge: 4 PHP-Kenntnisse: Anfänger	Fehler bei Seitenaufteilung mit div's hi, ich schreibe erst mal meine Ansätze und schildere dann unten mein Problem. index.php PHP-Code: <html> <head> <title>index</title> <meta name="author" content="Christoph"> </head> <body> <link rel="stylesheet" type="text/css" href="style.css"> <div class="container"> <div class="top_left"> <object data="top_left.php"> </div> <div class="banner"> <object data="banner.php"> </div> <div class="top_right"> <object data="top_right.php"> </div> <div class="navi_top"> <object data="navi_top.php"> </div> <div class="navi_left"> <object data="navi_left.php"> </div> <div class="main"> <object data="main.php"> </div> <div class="navi_right"> <object data="navi_right.php"> </div> <div class="bottom_left"> <object data="bottem_left.php"> </div> <div class="bottom_center"> <object data="bottom_center.php"> </div> <div class="bottom_right"> <object data="bottom-right.php"> </div> </div> </body> </html> style.css Code: div.container { width:1000px; height:1000px; margin-left:auto; margin-right:auto; padding:0px; } div.top_left { position: absolute; width:195px; height:145px; margin-top:0px; margin-left:0px; } div.banner { position: absolute; width:595px; height:95px; margin-top:0; margin-left:200px; background:red; } div.top_right { position: absolute; width:195px; height:145px; margin-top:0px; margin-left:800px; } div.navi_top { position: absolute; width:595px; height:45px; margin-top:100px; margin-left:200px; } div.navi_left { position: absolute; width:195px; height:495px; margin-top:150px; margin-left:0px; } div.navi_right { position: absolute; width:195px; height:495px; margin-top:150px; margin-left:800px; } div.main { position: absolute; width:595px; height:495px; margin-top:150px; margin-left:200px; } div.bottom_left { position: absolute; width:195px; height:145px; margin-top:650px; margin-left:0px; } div.bottom_center { position: absolute; width:595px; height:145px; margin-top:650px; margin-left:200px; } div.bottom_right { position: absolute; width:195px; height:145px; margin-top:650px; margin-left:800px; } a:link { color:#000000; text-decoration:none; } a:visited { color:#000000; text-decoration:none; } a:focus { color:#000000; text-decoration:none; } a:hover { color:#000000; text-decoration:none; font-size: medium; font-weight: bold; } a:active { color:#000000; text-decoration:none; } body { font-family: Times New Roman; text-align: left; color: #000000; font-size: small; } So jetzt zu meinem Problem: Mein Ziel ist es, entlich von Frames weg zukommen und durch div's zu ersetzen. Nun wollte ich aber gerne weiterhin die Seite in mehrere Dateien unterteilen. Meine Idee war es nun, die einzelnen Seiten Teile mit <object data="top_left.php"> einzusetzen. Doch dieses klappt nicht richtig. Die eingesetzen Dateien werden nie richtig dargestellt. Was mach ich falsch, oder was muss ich anderes machen? Bin über jede Idee dankbar. Gruß christoph


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

02.01.2011, 20:59
mimomamu Erfahrener Benutzer Registriert seit: 23.08.2010 Beiträge: 495 PHP-Kenntnisse: Fortgeschritten	index.php PHP-Code: <html> <head> <title>index</title> <meta name="author" content="Christoph"> </head> <body> <link rel="stylesheet" type="text/css" href="style.css"> <div class="container"> <div class="top_left"> <?php include "top_left.php"; ?> </div> <!-- ... --> </div> </body> </html> __________________ Meinungen, die ich geäußert habe, sind nicht notwendigerweise meine eigenen. Abweichungen von der deutschen Rechtschreibung unterliegen dem Urheberrecht, dürfen aber unter den Bedingungen von verwendet werden

02.01.2011, 21:51
php-christoph Neuer Benutzer Registriert seit: 27.12.2009 Beiträge: 4 PHP-Kenntnisse: Anfänger	Danke, hat super geklappt!