Darstellungs- und include-Probleme

Efchen · 25 Juni 2008

assmaje schrieb:
Hab ja auch nicht das Gegenteil behauptet. :) Sondern nur, dass er seinen Banner, seine Navigation und sonstiges mit einem div umschließen soll - was auch semantisch sinnvoll ist.

Nein, Du hast nur davon geschrieben, dass er ein div oben und eines unten hat. Und Unerfahrene schließen daraus, dass <div> das ultimative Zaubermittel für Layouten mit CSS ist. Und das ist völliger Krampf. Dagegen versuche ich vorzugehen, dass man das anders formuliert und mehr Semantik in die Antworten bringt, damit dieses Gerücht aussterben kann.
Ich nehme an, dass Du hier sogar das richtige meintest und nichts Böses beabsichtigt hast. Ich wollte trotzdem explizit darauf eingehen.

Grüße,
-Efchen

Mario348 · 25 Juni 2008

Ich möchte nun noch ein 3. div vertikal ganz rechts. Wie richte ich allgemein die divs aus?

Das mit den Rändern ist Absicht.

Der 1. Tab ist jedoch zu kurz und beim letzten Tab fehlt der rechte Rand.

Wie kann ich das beheben? Einfach das Bild bzw. den Tab ändern, oder?

assmaje · 25 Juni 2008

Mario348 schrieb:
Ich möchte nun noch ein 3. div vertikal ganz rechts. Wie richte ich allgemein die divs aus?

Das mit den Rändern ist Absicht.

Der 1. Tab ist jedoch zu kurz und beim letzten Tab fehlt der rechte Rand.

Wie kann ich das beheben? Einfach das Bild bzw. den Tab ändern, oder?

Welchen Browser benutzt du? Bei mir ist der 2. "Tab" zu kurz, aber sonst ist alles okay. Ja, anscheinend musst du den Tab ändern. ;)

Mario348 · 25 Juni 2008

Ich möchte nun noch ein 3. div vertikal ganz rechts. Wie richte ich allgemein die divs aus?

assmaje · 25 Juni 2008

Mario348 schrieb:
Ich möchte nun noch ein 3. div vertikal ganz rechts. Wie richte ich allgemein die divs aus?

Alles, was du wissen musst: Float: Die Theorie ;)
Mag am Anfang etwas kompliziert klingen, ist aber grundsätzlich ganz "einfach".

Mario348 · 25 Juni 2008

Leider klappt das mit den divs immer noch nicht, auch die Seiten werden in einem separaten Fenster geladen...

Im Anhang findet ihr die betroffenen Files.

Maxi · 25 Juni 2008

Kannst du bitte deinen Code hier posten?
Danke.

Mario348 · 25 Juni 2008

Das wollte ich ja, aber der Code ist zu lang. Und wenn ich einen Doppelpost mache, hätte der Code zwar Platz, dann würdest du diese Diskussion jedoch schliessen. Das kenn ich ja schon zu genüge!

Maxi · 25 Juni 2008

Wenn der Beitrag länger ist wie 10.000 Zeichen kannst du ja nichts dafür, wenn du ihn aufteilen musst, sowas kann ich auch nicht zusammenfügen.

Allerdings frag ich mich gerade, warum der Code so lang ist?

Mario348 · 25 Juni 2008

index.html:

Code:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<link rel="shortcut icon" href="http://www.arudc.ch/favicon.ico">
<meta name="keywords" content="Downloads, Tips, neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, Gästebuch, Maps, Remote">
<meta name="description" content="Kostenlose Downloads und Tips f&uuml;r den PC. Rubriken: neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, G&auml;stebuch, Maps, Remote ">
<meta name="DC.Description" content="Kostenlose Downloads und Tips f&uuml;r den PC. ">
<meta name="title" content="Alles rund um den Computer">
<meta name="language" content="German, de, deutsch">
<meta name="author" content="Mario Bienz">
<meta name="publisher" content="arudc.ch">
<meta name="copyright" content="arudc.ch">
<meta name="revisit-after" content="after 20 days">
<meta name="page-topic" content="Kostenlose Downloads und Tips f&uuml;r den PC">
<meta name="page-type" content="Gratisdownloads & Tips">
<meta name="audience" content="alle">
<meta name="robots" content="index,follow">
<meta name="generator" content="http://www.arudc.ch">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Index</title>

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



<div id="content">

  <?php
  if($_GET['section'] == "Home")
  { include "section/home.html"; }

  if($_GET['section'] == "Neuste Radeon Grafikkarten")
  { include "section/neuste radeon grafikkartentreiber.html"; }

  if($_GET['section'] == "Windows Vista INfos")
  { include "section/windows vista infos.html"; }

  if($_GET['section'] == "Viren und Malware")
  { include "section/viren und malware"; }

  if($_GET['section'] == "Musik")
  { include "section/Musik.html"; }

  if($_GET['section'] == "Browserdownloads")
  { include "section/browserdownloads.html"; }

  if($_GET['section'] == "Remote")
  { include "section/remote.html"; }

if($_GET['section'] == "Partner")
  { include "section/partner.html"; }

if($_GET['section'] == "Kontakt")
  { include "section/kontakt.html"; }
  ?>


</div>

</style>


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

<div id="Navigation">
<h1><img src="image/titel.gif" align="middle" width="731" height="61" alt="Alles rund um den Computer"></h1>

  <ul>
    <li><a href="home.html"><span>Home</span></a></li>
    <li><a href="neuste radeon grafikkartentreiber.html"><span>Neuste Radeon Grafikkarten</span></a></li>
    <li><a href="windows vista infos.html"><span>Windows Vista Infos</span></a></li>
    <li><a href="viren und malware.html"><span>Viren und Malware</span></a></li>
    <li><a href="musik.html"><span>Musik</span></a></li>

    <li><a href="browserdownloads.html"><span>Browserdownloads</span></a></li>
    <li><a href="remote.html"><span>Remote</span></a></li>
    <li><a href="partner.html"><span>Partner</span></a></li>
    <li><a href="kontakt.html"><span>Kontakt</span></a></li>
</ul>




<div style="margin-top:30px;">
<!-- Beginn Bannercode submitter.de -->
<a href="http://www.submitter.de" target="new" align="middle">
<IMG SRC="http://www.submitter.de/banner/banner1.gif" NOSAVE BORDER=0 HEIGHT=50 WIDTH=200 ALT="submitter.de - Kostenloser Eintrag in &uuml;ber 1111 Suchmaschinen!"></a>
<!-- Ende Bannercode submitter.de -->
</div>
 </div>



<!-- Counter von http://fc.webmasterpro.de : dieser Code zeigt ihre Besucherzahl an und zählt mit -->
<script type="text/javascript" src="http://fc.webmasterpro.de/counter.php?name=mario348&amp;style=none" id="fcScriptmario348"></script>
<noscript>
 <div>
  <img src="http://fc.webmasterpro.de/as_noscript.php?name=mario348" alt="" />
 </div>
  </noscript>



</style>



<body>
</body>
</html>

oben.css:

Code:

body {

   background-color:#000000;
}


.style00 {
   font-family:UniversalMath1 BT, Helvetica, sans-serif;
   font-size:1em;
   font-color:#ffa500;
   text-align:center;
   
} 


 #Navigation {
      float:left;
      width:100%;
      background:#000;
      font-size:93%;
      line-height:normal;
      }
    #Navigation ul {
      margin:0;
      padding:10px 10px 0 50px;
      list-style:none;
      }
    #Navigation li {
      display:inline;
      margin:0;
      padding:0;
      }
    #Navigation a {
      float:left;
      background:url("image/tableftH.gif") no-repeat right top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #Navigation a span {
      float:left;
      display:block;
      background:url("image/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #Navigation a span {float:none;}
    /* End IE5-Mac hack */
    #Navigation a:hover span {
      color:#FFF;
      }
    #Navigation a:hover {
      background-position:0% -42px;
      }
    #Navigation a:hover span {
      background-position:100% -42px;
      }


<div id="Navigation">
  <ul>
    <li><a href="home.html" title=""><span>Home</span></a></li>
    <li><a href="neuste radeon grafikkarten.html" title=""><span>Neuste Radeon Grafikkarten</span></a></li>
    <li><a href="windows vista infos.html" title=""><span>Windows Vista Infos</span></a></li>
    <li><a href="viren und malware.html" title=""><span>Viren und Malware</span></a></li>
    <li><a href="stressabbau downloads.html" title=""><span>Stressabbau Downloads</span></a></li>
    <li><a href="musik.html" title=""><span>Musik</span></a></li>
    <li><a href="browserdownloads.html" title=""><span>Browserdownloads</span></a></li>
    <li><a href="webradio.html" title=""><span>Webradio</span></a></li>
    <li><a href="remote.html" title=""><span>Remote</span></a></li>
    <li><a href="gästebuch.html" title=""><span>Gästebuch</span></a></li>
    <li><a href="newsletter.html" title=""><span>Newsletter</span></a></li>
    <li><a href="kontakt.html" title=""><span>Kontakt</span></a></li>
</ul>

</div>

style.css:

Code:

body {
color: black;
font-weight: bold;
background-color: gray;
background-attachement: fixed;
font-family: Arial, Helvetica, Sans-Serif;
text-align: left;
object-align: center;
}


a {
text-decoration: underline;
color: orange;
}    

a:visited {
text-decoration: underline;
color: yellow;
}   

a:hover {
text-decoration: underline;
color: red;
}

a:active {
text-decoration: none;
color: red;
}

* {
scrollbar-base-color:orange;
scrollbar-arrow-color:black;
scrollbar-shadow-color: black; 
}

#oben
 {
    width:                 1280px;
    height:             262px;
    background-repeat:          no-repeat;
}



#mitte
 {
    width:                  793px;
    height:                596px;
      float:                left;
}




html, body {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
}

#content_container {
    height:95%;
    overflow:auto;
}

#footer {
    background:gray;
    height:10%;
    text-align:center;
    padding-top:1%;
}


#navigation {
    position:fixed;
    width:193px;
    height:1280px;


#inhalt {
    position:absolute;
    width:592px;
    height:1280px;

Maxi · 25 Juni 2008

Du solltest im PHP-Code und auch in den dateinamen die Leerzeichen rausmachen.

Des weiteren stimmt deine Navigation nicht.
Statt musik.html müsstest du dort mit index.php?section=musik verlinken.

Was hat der HTML-Code in der CSS-Datei zu suchen?
Richtig, nix.

Dann stimmt in deiner HTML-Datei das ganze Grundgerüst nicht.
- Body nicht gleich nachdem der Head geschlossen wurde geöffnet.
Noch schlimmer: Der Body ist ganz unten am Ende der Datei und komplett leer!
HTML-Codes für den Inhalt haben auch nichts im Head verloren.
- Style-Tags und verlinktes Stylesheet nach dem Head-Bereich, hat dort nicht verloren.
- Vor Ende der Datei wird nochmal ein Style-Tag geschlossen, wo kommt der her?

Mario348 · 25 Juni 2008

Habe den Fehler in der Navigation selber entdeckt, bevor du deinen letzten Beitrag geschrieben hast. :-D

Nun widme ich mich der Bereinigung des Codes...

Nun wird aber eine Fehlermeldung angezeigt, sobald man meine Homepage besuchen will! Habe jedoch die .htaccess Datei hochgeladen...

assmaje · 25 Juni 2008

Alle Dateien müssen die Endung .php haben! Du hast aber zum Beispiel index.html statt index.php. Deshalb funktioniert es nicht.

neuroleptika · 25 Juni 2008

assmaje schrieb:
Alle Dateien müssen die Endung .php haben!

Deswegen hat er es doch in der .htaccess geändert. Wie wir an der Fehlermeldung sehen, läuft die Datei nun durch den Interpreter.

Maxi · 26 Juni 2008

Warum lässt dus dann nicht erstmal ohne die -htaccess bis sonst alles läuft?
Die kannst du danach ja immer noch hochladen.

Mario348 · 26 Juni 2008

Aber das Parsen hat doch den Sinn, dass ich eine .html Datei mit PHP Inhalt uploaden kann, oder?

Und jetzt müssen trotzdem alle Dateien die .php Endung haben?

Maxi · 26 Juni 2008

Ja, PHP-Dateien müssen diese Endung haben - sonst sinds ja keine PHP-Dateien, sondern irgendwelche Dateien mit PHP-Inhalten drin.

Mario348 · 26 Juni 2008

Müssen dann auch z.Bsp. .html Dateien, welche ich in ein Formular eingebunden habe als Fehlermeldung die .php Endung haben?

Maxi · 26 Juni 2008

wenn PHP-Inhalte drin sind ja.

Mario348 · 26 Juni 2008

Ich habe alle .html Dokumente, welche ich im Idex verlinkt habe, in .php geändert, trotzdem funktioniert es nicht...

Darstellungs- und include-Probleme

Efchen

Guest

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Anhänge

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Aktives Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied