Ankündigung

Einklappen
Keine Ankündigung bisher.

CSS 2 spalten layout und php

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • CSS 2 spalten layout und php

    Hallo zusammen,
    nach einem gefühlten jahrzehnt des tabelaren stumpfsinns
    hab ich mir nun auch endlich css zu gemüte geführt.
    Mein Problem ist, das ich schon jahre nicht mehr vernünftig
    mit php gearbeitet habe und wenn dann nur 2 spalten layouts.
    Ich will nun die include anweisungen für mein 3 spalten layout
    (siehe: www.reneboehres.de/new ) umsetzen.
    Natürlich soll wenn jemand in der horizontalen leiste (oben)
    jemand was klickt sich die links auf der linken seite entsprechend verändern.
    ich kann mich schwach errinern das man das mit & in der url
    umsetzt aber habe keine ahnung mehr wie das code mäßig funktioniert.
    Nach dem klick oben auf den hauptlink soll im content eigentlich erstmal
    eine allgemeine seite angezeigt werden und nach dem klick links
    entsprechend der unterbereich.

    Hier mal der Html/css code da gibts bestimmt auch verbesserungen zu erledigen:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    
    <style type="text/css">
    /* Globale Einstellungen */
    
    * { margin: 0px; padding: 0px; border: 0px; }
    html { height:100.5%; font-size:62,5%; }
    body {
    	font-family:Verdana, Geneva, sans-serif;
    	font-weight:normal;
    	font-size:1em;
    	line-height:1.8em;
    	color:#000000;
    
    /* div Container Einstellungen */
    }
    
    div#page_wrapper {
    	border:#2aa295 1px solid;
    	width:800px;
    	margin: 10px 10px 10px 10px;
    
    }
    div#header {
    	background:#2aa295;
    }
    div#logo {
    	height:116px;
    	background:#2aa295 url(img/logo.jpg) no-repeat;
    }
    div#main_navigation {	
    	background:#2aa295;
    	height:2em;
    	
    }
    
    div#sub_navigation {
    	float:left;
    	width:auto;
    	padding:5px 5px 5px 5px;
    	text-align:left;
    	vertical-align:top;
    	overflow:auto;
    }
    div#content {
    	margin: 0px 0px 0px 201px;
    	padding: 5px 0px 5px 0px;
    	border-left:#2aa295 1px solid;
    }
    
    div#footer {
    	background:#2aa295;
    	height:2em;
    	text-align:right;
    }
    
    
    /* Diverse einzel Einstellungen */
    div#main_navigation ul { margin-left:10px; color:#FFFFFF; font-size:1em;  }
    div#main_navigation ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none;  font-size:1em; font-weight:lighter; }
    div#main_navigation ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; }
    div#main_navigation li { margin-right: 14px; display: inline; list-style-type:none; }
    
    div#sub_navigation ul { margin-left:5px; margin-top: 10px; color:#000000; }
    div#sub_navigation ul a,a:visited,a:active,a:focus { color:#000000; text-decoration:none; font-size:0.9em; font-weight:lighter; }
    div#sub_navigation ul a:hover { color:#000000; text-decoration:underline; font-size:0.9em; font-weight:lighter; }
    div#sub_navigation li { margin-right: 10px; list-style-type:none; }
    
    
    
    
    div#footer ul { color:#FFFFFF; }
    div#footer ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none; font-size:1em; font-weight:lighter; }
    div#footer ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; }
    div#footer li { display: inline; margin-right: 10px; list-style-type:none; }
    </style>
    </head>
    
    <body id="home">
    <div id="page_wrapper">
     <div id="header"></div>
     <div id="logo"></div>
     <div id="main_navigation">
     <ul>
      <li class="navhome"><a href="#">Startseite</a></li>
      <li class="vorort"><a href="#">Vor Ort Service</a></li>
      <li class="Shop"><a href="#">Shop</a></li>
      <li class="hosting"><a href="#">Webhosting</a></li>
      <li class="termine"><a href="#">Termine</a></li>
      <li class="preise"><a href="#">Preise</a></li>
      <li class="Kontakt"><a href="#">Kontakt</a></li>
     </ul>
     </div>
      <div id="content_wrapper">
       <div id="sub_navigation">
       <ul>
        <li class="wir"><a href="#">Wir über uns</a></li>
        <li class="vorort"><a href="#">Über unseren Service</a></li>
        <li class="Shop"><a href="#">Anfahrtsrechner</a></li>
        <li class="faq"><a href="#">Fragen? (FAQ)</a></li>
        <li class="termine"><a href="#">Termine</a></li>
        <li class="preise"><a href="#">Preise</a></li>
        <li class="Kontakt"><a href="#">Kontakt</a></li>
     </ul>
       
       
       </div>
       <div id="content">
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
       
       </div>
      </div>
     <div id="footer">
     <ul>
      <li class="navhome"><a href="#">Impressum</a></li>
      <li class="vorort"><a href="#">AGB</a></li>
     </ul>
     </div>
    </div>
    </body>
    </html>
    Bei 2 spalten layouts hab ich bisher zb mit sachen wie:

    PHP-Code:
    <?php
    if(isset($_GET['section'])){
     
    $content $_GET['section'].'.php';
     if(
    file_exists($content)){
      require_once(
    $content);
     }else{
       echo 
    "Die Datei konnte nicht gefunden werden";
     }
    }else{
    $_GET['section'] = "produkte.php";
    require_once(
    $_GET['section']);
    }
    ?>
    gearbeitet was man aber hier ja nicht verwenden kann,
    da auf der linken unternavigation immer einer andere site geladen werden muss...

    vielen dank im vorraus

    EDIT:
    Der titel sollte natürlich 3 spalten layout heißen sry ^^

  • #2
    Ich frage mich, was du jetzt eigentlich wissen möchtest. Ist es das: http://selfphp.de/praxisbuch/praxisbuch.php?group=33 ?

    Der Code sieht, soweit ich das jetzt nach kurzem Überfliegen beurteilen kann, ganz gut aus.
    Allerdings tauchen noch ein paar kleinere Fehler auf: Dem <body>-Tag brauchst du für CSS-Zwecke eigentlich keine ID zuweisen. Dieses Tag ist sowieso eindeutig.
    Ein weiterer Fehler:
    Code:
    <div id="main_navigation">
     <ul>
      <li class="navhome"><a href="#">Startseite</a></li>
      <li class="vorort"><a href="#">Vor Ort Service</a></li>
      <li class="Shop"><a href="#">Shop</a></li>
      <li class="hosting"><a href="#">Webhosting</a></li>
      <li class="termine"><a href="#">Termine</a></li>
      <li class="preise"><a href="#">Preise</a></li>
      <li class="Kontakt"><a href="#">Kontakt</a></li>
     </ul>
     </div>
    Der umschließende <div> - Container ist überflüssig. Die Eigenschaften kannst du auch direkt der Liste zuweisen. Achtung: Div-Suppe!

    Dein Logo oder deinen Header würde ich eventuell als Überschrift erster Ebene (<h1>) auszeichnen .
    [URL]http://hallophp.de[/URL]

    Kommentar


    • #3
      naja im prinzip weiss ich wie man sachen über php und get included

      es geht darum:
      es ist ja keine einfache navigation sondern 2 navigationsmenüs mit 1 content seite

      klicke ich in der "main" navigation auf "home" soll in der sub navi
      seite "ab" erscheinen und im content seite 01

      klicke ich dann in der sub navigation auf einen weiteren punkt soll seite 02
      im content angezeigt werden

      clicke ich in der main navigation auf "shop"
      sollen sich in der sub navigation die seite "cd" erscheinen und im content ne weitere seite.

      haupt und nebennavigation


      wie zb auf www.alternate.de

      du klickst oben auf hardware und links erscheint die hardware sub navi
      klickst du oben auf software erscheint die software sub navi

      Kommentar


      • #4
        Zitat von d3x Beitrag anzeigen
        if(array = home AND termine) { öffne links seite "home" rechts seite termine }
        if(array = shop AND artikel) { öffne links "shop" und rechts artikel seite" }
        ich hoffe das ist verständlich ^^
        wozu so umständlich? du kannst doch gleich deine links fest belegen
        PHP-Code:
        <span>Home
        <ul>
        <
        li><a href="?site=termine">Termine</a></li>
        <
        li><a href="?site=irgendwasanderes">Was anderes</a></li>
        </
        ul>
        </
        span>
        <
        spanShop
        <ul>
        <
        li><a href="?site=artikel">Artikel</a></li>
        <
        li><a href="?site=nochwasanderes">Noch Was anderes</a></li>
        </
        ul>
        </
        span
        und somit musst du nicht prüfen, wieviele werte über URL angenommen sind usw. einfach direkt verlinken...

        schau mal wie ich es gemacht habe

        http://kunsttherapie.q12.eu/?site=wahrnehmung

        achte da auf die links
        apt-get install npm -> npm install -g bower -> bower install <package> YOLO [URL]https://www.paypal.me/BlackScorp[/URL] | Mein Youtube PHP Kanal: [url]https://www.youtube.com/c/VitalijMik[/url]

        Kommentar


        • #5
          hmm schon aber die seite rechts bleibt immer gleich

          ich will es so machen das (im beispiel bei dir)
          wenn ich oben auf herzlichen willkommen klicke
          kommen rechts die links abcdef

          klicke ich auf "über mich"
          kommen rechts die punkte "zyx"


          sry ich bin halt software und hardware freak
          aber programmieren hab ich immer nur nebenbei gemacht so wie ich es
          gebraucht habe *ggg*

          will ja quasi eine "schöne" lösung machen in der ich nicht 100 if abfragen machen muss

          Kommentar


          • #6
            Zitat von Asipak Beitrag anzeigen
            Ich frage mich, was du jetzt eigentlich wissen möchtest. Ist es das: Daten via URL ?

            Der Code sieht, soweit ich das jetzt nach kurzem Überfliegen beurteilen kann, ganz gut aus.
            Allerdings tauchen noch ein paar kleinere Fehler auf: Dem <body>-Tag brauchst du für CSS-Zwecke eigentlich keine ID zuweisen. Dieses Tag ist sowieso eindeutig.
            Ein weiterer Fehler:
            Code:
            <div id="main_navigation">
             <ul>
              <li class="navhome"><a href="#">Startseite</a></li>
              <li class="vorort"><a href="#">Vor Ort Service</a></li>
              <li class="Shop"><a href="#">Shop</a></li>
              <li class="hosting"><a href="#">Webhosting</a></li>
              <li class="termine"><a href="#">Termine</a></li>
              <li class="preise"><a href="#">Preise</a></li>
              <li class="Kontakt"><a href="#">Kontakt</a></li>
             </ul>
             </div>
            Der umschließende <div> - Container ist überflüssig. Die Eigenschaften kannst du auch direkt der Liste zuweisen. Achtung: Div-Suppe!

            Dein Logo oder deinen Header würde ich eventuell als Überschrift erster Ebene (<h1>) auszeichnen .

            ich hab jetzt mal die extra box für die navigation rausgemacht und die links in
            den logo container gepackt...
            aber wie bekomme ich jetzt die schrift auf den unteren rand?
            mit vertical align gehts iwie nicht ?!
            Code:
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml">
            <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Unbenanntes Dokument</title>
            
            <style type="text/css">
            /* Globale Einstellungen */
            
            * { margin: 0px; padding: 0px; border: 0px; }
            html { height:100.5%; font-size:62,5%; }
            body {
            	font-family:Verdana, Geneva, sans-serif;
            	font-weight:normal;
            	font-size:1em;
            	line-height:1.8em;
            	color:#000000;
            
            /* div Container Einstellungen */
            }
            
            div#page_wrapper {
            	border:#2aa295 1px solid;
            	width:800px;
            	margin: 10px 10px 10px 10px;
            
            }
            div#header {
            	background:#2aa295;
            }
            div#logo {
            	height:150px;
            	background:#2aa295 url(img/logo.jpg) no-repeat;
            }
            
            div#sub_navigation {
            	float:left;
            	width:auto;
            	padding:5px 5px 5px 5px;
            	text-align:left;
            	vertical-align:top;
            	overflow:auto;
            }
            div#content {
            	margin: 0px 0px 0px 201px;
            	padding: 5px 0px 5px 0px;
            	border-left:#2aa295 1px solid;
            }
            
            div#footer {
            	background:#2aa295;
            	height:2em;
            	text-align:right;
            }
            
            
            /* Diverse einzel Einstellungen */
            div#logo ul { margin-left:10px; color:#FFFFFF; font-size:1em; vertical-align:baseline;  }
            div#logo ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none;  font-size:1em; font-weight:lighter; vertical-align:baseline; }
            div#logo ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; vertical-align:baseline; }
            div#logo li { margin-right: 14px; display: inline; list-style-type:none; vertical-align:baseline; }
            
            div#sub_navigation ul { margin-left:5px; margin-top: 10px; color:#000000; }
            div#sub_navigation ul a,a:visited,a:active,a:focus { color:#000000; text-decoration:none; font-size:0.9em; font-weight:lighter; }
            div#sub_navigation ul a:hover { color:#000000; text-decoration:underline; font-size:0.9em; font-weight:lighter; }
            div#sub_navigation li { margin-right: 10px; list-style-type:none; }
            
            
            
            
            div#footer ul { color:#FFFFFF; }
            div#footer ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none; font-size:1em; font-weight:lighter; }
            div#footer ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; }
            div#footer li { display: inline; margin-right: 10px; list-style-type:none; }
            </style>
            </head>
            
            <body>
            <div id="page_wrapper">
             <div id="header"></div>
             <div id="logo">
             <ul>
              <li class="navhome"><a href="#">Startseite</a></li>
              <li class="vorort"><a href="#">Vor Ort Service</a></li>
              <li class="Shop"><a href="#">Shop</a></li>
              <li class="hosting"><a href="#">Webhosting</a></li>
              <li class="termine"><a href="#">Termine</a></li>
              <li class="preise"><a href="#">Preise</a></li>
              <li class="Kontakt"><a href="#">Kontakt</a></li>
             </ul>
             </div>
              <div id="content_wrapper">
               <div id="sub_navigation">
               <ul>
                <li class="wir"><a href="#">Wir über uns</a></li>
                <li class="vorort"><a href="#">Über unseren Service</a></li>
                <li class="Shop"><a href="#">Anfahrtsrechner</a></li>
                <li class="faq"><a href="#">Fragen? (FAQ)</a></li>
                <li class="termine"><a href="#">Termine</a></li>
                <li class="preise"><a href="#">Preise</a></li>
                <li class="Kontakt"><a href="#">Kontakt</a></li>
             </ul>
               
               
               </div>
               <div id="content">
               Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
               
               </div>
              </div>
             <div id="footer">
             <ul>
              <li class="navhome"><a href="#">Impressum</a></li>
              <li class="vorort"><a href="#">AGB</a></li>
             </ul>
             </div>
            </div>
            </body>
            </html>

            Code:
            div#logo ul { margin-left:10px; color:#FFFFFF; font-size:1em; vertical-align:bottom;  }
            div#logo ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none;  font-size:1em; font-weight:lighter; vertical-align:bottom; }
            div#logo ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; vertical-align:bottom; }
            div#logo li { margin-right: 14px; display: inline; list-style-type:none; vertical-align:bottom; }

            Kommentar


            • #7
              also ich könnte dir noch ein vorschlag machen, das ganze mit jQUery und tabs umzusetzen

              jQuery UI - Tabs Demos & Documentation

              jedes tab hat seinen eigenen kontent.(navi + text) aber ist halt JS.

              oder kannst mit folgender abfrage , datein includen

              PHP-Code:
              if(isset($_GET['site'])){
              if(
              file_exists('pfad/zur/seiten/'.$_GET['site'].'.php')){
              include 
              'pfad/zur/seiten/'.$_GET['site'].'.php';
              }

              if(isset(
              $_GET['sub'])){
              if(
              file_exists('pfad/zur/seiten/'.$_GET['site'].'_'.$_GET['sub'].'.php')){
              include 
              'pfad/zur/seiten/'.$_GET['site'].'_'.$_GET['sub'].'.php';
              }
              }

              danach erstellst du dir php datein wie home_termine.php oder home.php oder shop.php oder shop_artikel.php und erstellst folgende links:

              <a href="?index.php?site=home&sub=artikel">Artikel</a>
              apt-get install npm -> npm install -g bower -> bower install <package> YOLO [URL]https://www.paypal.me/BlackScorp[/URL] | Mein Youtube PHP Kanal: [url]https://www.youtube.com/c/VitalijMik[/url]

              Kommentar


              • #8
                cool danke das ist genau die elegante lösung wie ich sie gesucht habe

                aber wieso macht der mir den text net nach unten im container logo?
                ich kann es ja leider nicht für den ganzen container machen den sonst verschiebt er mir das logo nach unten denk ich?!?
                (*ausprobier*)

                edit:
                iwie geht beides nicht *grml*

                Kommentar


                • #9
                  Zitat von d3x Beitrag anzeigen
                  edit:
                  iwie geht beides nicht *grml*
                  lade es mal hoch damit wir sehen können was du falsch gemacht hast, weil geht beides nicht... damit kann man nichts anfangen
                  apt-get install npm -> npm install -g bower -> bower install <package> YOLO [URL]https://www.paypal.me/BlackScorp[/URL] | Mein Youtube PHP Kanal: [url]https://www.youtube.com/c/VitalijMik[/url]

                  Kommentar


                  • #10
                    das ist der komplette code:

                    Code:
                    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                    <html xmlns="http://www.w3.org/1999/xhtml">
                    <head>
                    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                    <title>Unbenanntes Dokument</title>
                    
                    <style type="text/css">
                    /* Globale Einstellungen */
                    
                    * { margin: 0px; padding: 0px; border: 0px; }
                    html { height:100.5%; font-size:62,5%; }
                    body {
                    	font-family:Verdana, Geneva, sans-serif;
                    	font-weight:normal;
                    	font-size:1em;
                    	line-height:1.8em;
                    	color:#000000;
                    
                    /* div Container Einstellungen */
                    }
                    
                    div#page_wrapper {
                    	border:#2aa295 1px solid;
                    	width:800px;
                    	margin: 10px 10px 10px 10px;
                    
                    }
                    div#header {
                    	background:#2aa295;
                    }
                    div#logo {
                    	height:150px;
                    	background:#2aa295 url(img/logo.jpg) no-repeat;
                    }
                    
                    div#sub_navigation {
                    	float:left;
                    	width:auto;
                    	padding:5px 5px 5px 5px;
                    	text-align:left;
                    	vertical-align:top;
                    	overflow:auto;
                    }
                    div#content {
                    	margin: 0px 0px 0px 201px;
                    	padding: 5px 0px 5px 0px;
                    	border-left:#2aa295 1px solid;
                    }
                    
                    div#footer {
                    	background:#2aa295;
                    	height:2em;
                    	text-align:right;
                    }
                    
                    
                    /* Diverse einzel Einstellungen */
                    div#logo ul { margin-left:10px; color:#FFFFFF; font-size:1em; vertical-align:baseline;  }
                    div#logo ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none;  font-size:1em; font-weight:lighter; vertical-align:baseline; }
                    div#logo ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; vertical-align:baseline; }
                    div#logo li { margin-right: 14px; display: inline; list-style-type:none; vertical-align:baseline; }
                    
                    div#sub_navigation ul { margin-left:5px; margin-top: 10px; color:#000000; }
                    div#sub_navigation ul a,a:visited,a:active,a:focus { color:#000000; text-decoration:none; font-size:0.9em; font-weight:lighter; }
                    div#sub_navigation ul a:hover { color:#000000; text-decoration:underline; font-size:0.9em; font-weight:lighter; }
                    div#sub_navigation li { margin-right: 10px; list-style-type:none; }
                    
                    
                    
                    
                    div#footer ul { color:#FFFFFF; }
                    div#footer ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none; font-size:1em; font-weight:lighter; }
                    div#footer ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; }
                    div#footer li { display: inline; margin-right: 10px; list-style-type:none; }
                    </style>
                    </head>
                    
                    <body>
                    <div id="page_wrapper">
                     <div id="header"></div>
                     <div id="logo">
                     <ul>
                      <li class="navhome"><a href="#">Startseite</a></li>
                      <li class="vorort"><a href="#">Vor Ort Service</a></li>
                      <li class="Shop"><a href="#">Shop</a></li>
                      <li class="hosting"><a href="#">Webhosting</a></li>
                      <li class="termine"><a href="#">Termine</a></li>
                      <li class="preise"><a href="#">Preise</a></li>
                      <li class="Kontakt"><a href="#">Kontakt</a></li>
                     </ul>
                     </div>
                      <div id="content_wrapper">
                       <div id="sub_navigation">
                       <ul>
                        <li class="wir"><a href="#">Wir über uns</a></li>
                        <li class="vorort"><a href="#">Über unseren Service</a></li>
                        <li class="Shop"><a href="#">Anfahrtsrechner</a></li>
                        <li class="faq"><a href="#">Fragen? (FAQ)</a></li>
                        <li class="termine"><a href="#">Termine</a></li>
                        <li class="preise"><a href="#">Preise</a></li>
                        <li class="Kontakt"><a href="#">Kontakt</a></li>
                     </ul>
                       
                       
                       </div>
                       <div id="content">
                       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
                       
                       </div>
                      </div>
                     <div id="footer">
                     <ul>
                      <li class="navhome"><a href="#">Impressum</a></li>
                      <li class="vorort"><a href="#">AGB</a></li>
                     </ul>
                     </div>
                    </div>
                    </body>
                    </html>
                    hatte ich schon gepostet

                    Kommentar

                    Lädt...
                    X