Ankündigung

Einklappen
Keine Ankündigung bisher.

problem mit layout

Einklappen

Neue Werbung 2019

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

  • problem mit layout

    moin!
    ich versuche grade, meine website endlich auf php umzustellen, doch da ergibt sich ein problem... im prinzip beruht das ganze teil auf dem klassischen drei spalten layout mit div-container, also das da:


    so, das problem ist, das ich jetzt eigentlich zwei navigationsmenüs bräuchte, also links neben dem inhalt ein und rechts daneben auch (in dem man man dann sachen wie kalender, poll, counter einbaut, die in der eigentlich navigation stören würden). ich hab schon einiges abgeklappert und selbst dinge ausprobiert, aber ich habe bis jetzt noch nichts gefunden, was erklärt, wie das selbe modell mit mehr spalten arbeitet (mit logik habe ichs schon selbst versucht, aber es hat nur erstaunlich viele bugs produziert)
    und dann wäre da noch was, das mein bisheriges dreispaliges ding mit header und footer datei arbeitet (in der header datei steckt die tabelle, der footer schließt die tags). und auch das hat mir jemand erstellt. denn ehrlich gesagt würde ich gerne dabei bleiben, wenns ginge

    was ich bräcuhte wäre nur ne anleitung, wie ich da noch ne spalte inbaue, oder wo es ein tut mit exakt dem inhalt gibt (bitte nicht css4you, das ihr alle so toll findet, ich hab da nix entsprechendes gefunden).
    thx
    booki

    p.s. fangt gar nicht an - ich weiß das ich das (noch) nicht, oder besser garnicht, kann.

  • #2
    http://de.selfhtml.org/css/layouts/mehrspaltige.htm ?
    http://johannes-berger.com/

    Kommentar


    • #3
      DANKE!
      zwar nicht genau das, was ich wollte, denn mein zeug ist wie gesagt in php und header und footer sind eigene dateien, aber damit sollte man doch arbeiten können.

      ansonsten... ich glaub mein system ist da recht einmalig... ich habe sonst echt kein tut gefunden, wo beschrieben wird, vo ein dreispaltiges layout erzeugt wird, in dem header und footer dateien stecken. denn ich muss nur ne html seite erstellen und oben include header und unten include footer (ja, das eben in ohp aber ich bin grad zu faul dafür) und schon wir die seite so angezeigt.

      Kommentar


      • #4
        so einmalig kann es nicht sein ...
        da es bei spalten mit div in css nicht sonderlich viele möglichkeiten gibt

        <div>header</div>
        <div style="float:left;width:200px;">left</div>
        <div style="float:right;width:200px;">right</div>
        <div style="margin-left:200px;margin-right:200px;">content</div>
        <div style="clear:both;">footer</div>

        Kommentar


        • #5
          joar, toll.... ich stell hier dann mal den quellcode rein und du bastelst das dann da rein... weil ich fang damit nicht viel an... (doch, die theorie versteh ich, an der umsetzung harperts...):

          PHP-Code:
          <?php
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
          <
          html>
          <
          head>
          <
          LINK href="phpstyles.css" type=text/css rel=stylesheet>
          <
          title>[url]www.the-bookworm.de[/url] - Book Paradise - </title>
          <
          meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
          </
          head>

          <
          body>
          <
          center>
          <
          table width="598" border="0" cellpadding="0" cellspacing="0">
            
            <
          tr
              
            <
          td height="117" colspan="2" valign="top">[img]header.jpg[/img]</td>
            </
          tr>
              <
          tr
                <
          td width="163" height="408" valign="top"><blockquote
                


          Hier ist nacher die linke Navigationsleiste...</p>
                



                </
          p>
                

          </
          p>
                

          </
          p>
                

          </
          p>
                

          </
          p>
              </
          blockquote>
                  
              

              



              </
          p>

           </
          p></td>
              <
          td width="632" valign="top">
          ?>

          Kommentar


          • #6
            du willst mich verklapsen ???

            a)
            <table width="598" (auf 598 beschränkt)

            b)
            [img]header.jpg[/img]
            <html xmlns="http://www.w3.org/1999/xhtml">
            <title>www.the-bookworm.de - Book Paradise - </title>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <style type="text/css">
            body {padding:0px;margin:0px;}
            div { vertical-align:top; }
            </style>
            </head>

            <body>
            <center>
            <div>[img]header.jpg[/img]</div>
            <div style="padding:0px;margin:0px;width:598px;">
            <div style="width:163px;float:left;">


            Hier ist nacher die linke Navigationsleiste...</p>
            </div>
            <div style="width:163px;float:right;">


            Hier ist nacher die rechte Navigationsleiste...</p>
            </div>
            <div style="margin-left:163px;margin-right:163px;">


            Hier ist nacher der Content...</p>
            </div>
            </div>
            </center>
            </body>
            </html>
            [/code]

            ps:
            Info: Doctype given is "-//W3C//DTD XHTML 1.0 Transitional//EN"
            Info: Document content looks like XHTML 1.0 Transitional
            No warnings or errors were found.


            0 errors / 0 warnings

            Kommentar


            • #7
              so leid es mir tut, aber es funktioniert nicht...

              Kommentar


              • #8
                so, und jetzt antwortet ihr nimmer... is ja supi!

                Kommentar


                • #9
                  was erwartest du nach einem sinnlos post
                  so leid es mir tut, aber es funktioniert nicht...

                  Kommentar


                  • #10
                    ja, gut... sagen wir es so...

                    die spalten werden erzeugt, aber der inhalt landet sonstwo, aber auf jeden fall nicht da, wo er hinsoll.

                    Kommentar


                    • #11
                      noch präziser?

                      Kommentar


                      • #12
                        <div style="margin-left:163px;margin-right:163px;">
                        <?php include("deinedatei.php"); ?>
                        </div> ?!

                        das passt immer :P

                        bei fragen pn an mich :wink:

                        Kommentar


                        • #13
                          thx

                          Kommentar

                          Lädt...
                          X