Mal wieder der IE: <div>-Footer richitg positionieren

**chrpun** · 08.02.2006, 15:55

das ist jetzt kein drängeln.. (braucht mivh nicht auf die cooldown-seite zu verweisen ;-))

aber find ich mekwürdig das mir keiner antwortet... so hab ich euch gar nicht in erinnerung....

**wahsaga** · 08.02.2006, 17:09

Kann das Problem weder in einem 6er noch einem 5.01er IE nachvollziehen.

**chrpun** · 08.02.2006, 17:28

hmm... also es ist kein offensichtlicher Programmierfehler?

es gibt ja viele IE-CSS-Hacks.... aber ich weiß nicht welchen ich nehm soll/muss/kann/darf....

**chrpun** · 08.02.2006, 18:12

wichtig:

hab ich gerade erst bemerkt:

die seite wird richtig angezeigt, wenn der Inhalt länger ist als das menü -> http://www.chrpun.de/

sobald aber der inhalt kürzer ist als das menü kommt der fehler:
zB: http://www.chrpun.de/index.php?page=gallery

OK... eine Möglichkeit ist es nun einfach leere Zeilen oder Absätze an den Inhalt anzuhängen... aber das kanns ja nicht sein, oder??

**jahlives** · 08.02.2006, 18:19

Code:

<div align="center">
<div id="layoutFooter">
<a href="http://validator.w3.org/check?uri=http%3A//www.chrpun.de/">
<img src="/images/valid-xhtml10.gif" alt="Valid XHTML 1.0 Transitional"
 width="88" height="31" border="0" align="middle" style="float:left" />
</a>

und so weiter....

</div>
</div>

Bringts was wenn du einen div rundum packst der ein center alignment hat ?

Gruss

tobi

**chrpun** · 14.02.2006, 16:42

sorry, hatte ich vergessen zu erwähnen:

der trick hat gefunzt!!!!

(musste natürlich in dem div mit der id #layoutFooter wieder align=left angeben)

Danke an jahlives (mich würde aber interessieren wie du auf die Idee gekommen bist...)

**goth** · 14.02.2006, 18:03

Komisch ... für mich funktioniert's immer noch nicht korrekt ... (MSIE7) ... siehe attachment ...

... außerdem fehlt mir bei dem ganzen gefloate das Du da veranstaltest auch noch ein abschliessendes <br style="clear:both;"/> ...

Angehängte Dateien

chrpun.gif (11,6 KB, 86x aufgerufen)

**chrpun** · 14.02.2006, 18:29

hmm.. also mit MSIE7 konnte ich es noch nicht testen.. aber hast du einen vorschlag das ganze besser zu machen?!? wäre ich sehr dankbar für...

(wo soll denn das <br style="clear:both" /> hin. und was bringt es??)

**goth** · 14.02.2006, 23:16

Naja ... mag sein das ich Dein Problem nicht ganz verstehe ... aber vom Prinzip her hast Du doch schlichtweg ein klassisches drei Spalten Design ... sowas in der Art:

PHP-Code:


<?xml version="1.0" encoding="iso-8859-1"?>

<!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" xml:lang="de" lang="de" dir="ltr">

    <head>

        <title>Blah</title>

        <style type="text/css"><!--

        div.master {

            margin: 0px;

            text-align: left;

            background-color: white;

        }

        div.header {

            display: block;

            background-color: red;

        }

        div.leftframe {

            float: left;

            width:165px;

            background-color:#EEEEEE;

        }

        div.centerframe {

            float: left;

            width:335px;

            padding: 20px 35px 0px 35px;

        }

        div.rightframe {

            float: left;

            width:190px;

            background-color:#EEEEEE;

            padding-top: 20px

        }

        div.footer {

            display: blue;

            background-color:#EEEEEE;

            border-top: #999 solid 1px;

        }

        //--></style>

    </head>

    <body>

        <div class="master">

            <div class="header">

                Oben

            </div>

            <div class="leftframe">

                Links

            </div>

            <div class="centerframe" style="height: 200px;">

                Mitte

            </div>

            <div class="rightframe">

                Rechts

            </div>

            <br style="clear: both;"/>

            <div class="footer">

                Unten

            </div>

        </div>

    </body>

</html>

**chrpun** · 15.02.2006, 04:13

also der "gestylte" zeilenumbruch hat gewirkt. danke schön... (jetzt müsste es dann auch im MSIE7 funzen??!!)

**goth** · 15.02.2006, 10:31

Nein ... damit kommt der IE7 erstmal gar nicht klar ...

**chrpun** · 15.02.2006, 17:02

oh toll

was mach ich nun?!?

**Schnoop** · 15.02.2006, 17:04

Vielleicht die div Suppe mal bissl auslöffeln?

PHP-Code:




 <div id="layoutMenu">



    <div class="navigation">

  <div>

    <p>&nbsp;</p>

  </div>

  <div><a href="/index.php" class="navText">Home</a></div>

  <div><a href="/index.php?page=gallery" class="navText">Galerien</a></div>

  <div><a href="/index.php?page=panoramas" class="navText">Panoramas <strong>*NEU*</strong></a></div>



  <div><a href="/index.php?page=wallpapers" class="navText">Wallpapers</a></div>

  <div><a href="/index.php?page=downloads" class="navText">Downloads</a></div>

  <div><a href="/index.php?page=webdesign" class="navText">Webdesign <strong>*NEU*</strong></a></div>

  <div><a href="/index.php?page=links" class="navText">Links</a></div>

  <div><a href="/index.php?page=feedback" class="navText">Feedback</a></div>

  <div><a href="/index.php?page=impressum" class="navText">Impressum</a></div>



  <div><a href="/index.php?page=disclaimer" class="navText">Disclaimer</a></div>

  <div>

    <p>&nbsp;</p>

    <img src="/images/rotary.gif" alt="rotary" width="165" height="103" />

    <p>&nbsp;</p>

  </div>

Da blickt doch niemand mehr durch

**chrpun** · 15.02.2006, 17:49

PHP-Code:


<div id="layoutHeader">&nbsp;</div>

<div id="layoutSubheader" class="dateformat">

  <?php echo $date; ?>

</div>

<div id="layoutWrap">

  <div id="layoutMenu">

    <?php require('sites/menu.inc.php'); ?>

  </div>

  <div id="layoutSidebar">

    <?php require('sites/sidebar.inc.php'); ?>

  </div>

  <div id="layoutContent">

    <?php

    if (isset($message)) {

        echo '<div id="layoutMessage">' . $message . '</div>';

    }

    ?>

    <?php include($includepath); ?>

  </div>

</div>

<br style="clear:both" />



<div id="layoutFooter">

   <?php require('sites/footer.inc.php'); ?>

</div>

also so finde ich es übersichtlich ;-)

Mal wieder der IE: <div>-Footer richitg positionieren