Seitenhintergrund

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

  • Seitenhintergrund

    Hallo zusammen

    Ich will eine Seite machen die einen feinen Seitenrad hat, der immer von oben nach unten verlaufen soll. Also 100% height das ganze soll dann noch zentriert werden, aber das ist jetzt nicht das Problem.

    Mein Problem ist das der FF die Tabelle oder auch ein Div nicht mehr 100% heignt darstellen kann, beim IE kann ich es umgehen indem ich dem Body-Tag ein 100% miteinbaue.

    Hier mal der CODE:
    PHP-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//DE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <
    title>Unbenanntes Dokument</title>
    </
    head>

    <
    body style="height:100%;">
    <
    table border="0" align="center"  cellpadding="0" cellspacing="0" height="100%" width="979" style=" background-image:url(bg_seite.jpg); background-repeat:repeat-y;">
          <
    tr>
            <
    td valign="top">
    <
    DIV style="position:relative;left:20px; height:232px;top:0px;z-index:0;">test</DIV>
            </
    td>
        </
    tr>
    </
    table>
    </
    body>
    </
    html
    Weiss hier jemand eine Rat, dass auch im FF der ganze HG zu sehen ist, auch nachdem man das Fenster maximiert?

    Danke

  • #2
    Lass den Blödsinn mit der Tabelle. Tabellen sind nicht fürs Layout gedacht. Dafür gibt's CSS.

    Gibt das Hintergrundbild doch einfach in den Body:

    Code:
    body {
    	background: url(bg_seite.jpg) repeat-y center;
    }
    Zuletzt geändert von h3ll; 18.04.2008, 23:04.

    Kommentar


    • #3
      h3ll

      Super Lösung, wusste gar nicht dass man den HG so einfach mittels CSS centrîeren kann! Danke

      Gibt es auch eine ähnliche Möglichkeit ein ganzes Div so zu zentrieren? Das ist nun das Folgeproblem wenn ich die Tabelle damit ersetze.

      In der Tabelle ging es einfach mit aligne=center

      Kommentar


      • #4
        Den div mit "margin: 0 auto" formatieren.

        Kommentar


        • #5
          Super schon wieder ein Volltreffer danke.

          Nun habe ich noch ein kleines nicht unwesentliches Problem.

          Wie kann ich Div in der Horizontalen nebeneinander, wie die <td> tag in einer Tabelle darstellen?

          PHP-Code:
          <table cellpadding="0" cellspacing="0" border="0">
          <
          tr>
          <
          td valign="bottom" Inhalt1 </td>
          <
          td valign="bottom" Inhalt2 </td>
          <
          td valign="bottom" Inhalt3 </td>
          </
          tr>
          </
          table
          Zuletzt geändert von sepp; 19.04.2008, 18:33.

          Kommentar


          • #6
            Hier wird dir geholfen:

            http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout

            Kommentar


            • #7
              Danke für die Info, leider ergeben sich dadurch andere Schwierigkeiten.

              Denn dort ist nie die rede von 4,5 oder mehreren Spalten nebeneinander, das scheint wohl zu kompliziert.

              Kommentar


              • #8
                Original geschrieben von sepp
                Denn dort ist nie die rede von 4,5 oder mehreren Spalten nebeneinander, das scheint wohl zu kompliziert.
                Die Anzahl der Spalten ist egal.

                Kommentar


                • #9
                  Besten Dank, nur leider wird der fload im IE bis 6.00 nicht wieder gegeben und so wird das ganze Layout zerrissen.

                  Kann ich das umgehen?

                  Kommentar


                  • #10
                    Doch, auch der IE kann floaten. Zeig mal, womit genau du Probleme hast...

                    Kommentar


                    • #11
                      Wie kann ich Div in der Horizontalen nebeneinander, wie die <td> tag in einer Tabelle darstellen?
                      http://www.css4you.de/wslayout1/index.html
                      Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

                      [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
                      Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

                      Kommentar


                      • #12
                        Habe den Fehler gefunden, musste auch in der <a href class das float mitgeben.

                        Kommentar


                        • #13
                          vergiss aber clear net
                          Die Milch bleibt ranzig!

                          Kommentar

                          Lädt...
                          X