mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 14.07.2020 08:48 Benutzername: Passwort: Auto-Login

Thema: Text läuft im IE 7 über footer hinaus vom 17.01.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Text läuft im IE 7 über footer hinaus
Autor Nachricht
Raschi
Threadersteller

Dabei seit: 19.09.2007
Ort: Hamburg
Alter: 32
Geschlecht: Weiblich
Verfasst Do 17.01.2008 17:58
Titel

Text läuft im IE 7 über footer hinaus

Antworten mit Zitat Zum Seitenanfang

Hallo!

So, neues Problem *zwinker*
Im FF und im Opera wird meine Seite richtig angezeigt.. nur im IE nicht.. *Schnief*
Die divs für den content sollen immer schön mitwachsen, wenn es mehr text gibt. tun sie überall nur im ie nicht..

Vielleicht könnt ihr mir ja sagen, woran das liegt.

html

Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html                                     >

  <head>
    <title>Blah</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="css/default3.css" />
  </head>
  <body>

    <div id="wrapper">

    <div id="shadow-wrap">

    <div id="heulwrapper">

    <div id="heul-content">

   

    <div id="banner"></div>
   
    <div id="menu">
      <div id="navcontainer">
        <ul id="navlist">
          <li><a href="index.html" onClick="return (false);">Start</a></li>
          <li><a href="#">Ausschreibung</a></li>
          <li><a href="#">Strecke</a></li>
          <li><a href="#">Anmeldung</a></li>
          <li><a href="#">Sponsoren</a></li>
          <li><a href="#">Presse</a></li>
          <li><a href="#">Ergebnisse</a></li>
          <li><a href="#">Bilder</a></li>
          <li><a class="no-border" href="#">Kontakt</a></li>
        </ul>
      </div> 
    </div>
   
    <div id="content">

      <div id="linkswrapper">
        <div id="content-links"></div>
      </div>

      <div id="content-rechts">
        <h2>Lorem ipsum dolor </ br> sit amet</h2>
        <p class="fliesstext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
     
        <h2>Lorem ipsum dolor</h2>
        <p class="fliesstext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait.

        </p>
      </div> 
    </div>
   
 
    </div>

    </div>

    <div id="footer">
      <div id="bottomnavcontainer">
        <ul id="bottomnavlist">
          <li><a href="index.html" onClick="return (false);">Impressum</a></li>
          <li><a href="#">Kontakt</a></li>
          <li><a class="no-border" href="#">Anfahrt</a></li>
        </ul>
      </div>   
    </div>

    </div>

    </div>
 
  </body>
</html>




css

Code:


* {
  padding: 0px;
  margin: 0px;
  }

body {
  font-family: arial, helvetica, sans-serif;
  font-size: 11pt;
  color: #636363;
}

#wrapper {
  width: 926px;
  background-color: #fff;
}

#shadow-wrap {
  width: 686px;
  min-height: 100%;
  float: left;
  background-position: 680px 0px;
  background-repeat: repeat-y;
  background-image: url(../bilder/schatten.jpg);
  background-color: #fff;
}

#heulwrapper {
  width: 680px;
  float: left;
}

#heul-content {
  width: 680px;
  float: left;
  height: 100%;
  min-height: 100%;
}
 
#banner {
  width: 680px;
  height: 128px;
  float: left;
  background-color: #fff;
}




#content {
  width:680px;
  height: 593px;
  min-height: 593px;
}

#linkswrapper {
  width: 227px;
/*  min-height: 553px;*/
  float: left;
}

#content-links {
  width: 227px;
  min-height: 520px;
  background-color: #fff;
  float: left;
}


#content-rechts {
  width: 413px;
  min-height: 553px;
  background-color: #f5f5f5;
  float: right;
  font-size: 9pt;
  padding-top: 40px;
  padding-right: 20px;
  padding-left: 20px;
}

.fliesstext {
  color: #636363;
  font-size: 9pt;
  padding-bottom: 40px;
}


#footer {
  width: 680px;
  height: 18px;
  background-color: #45494d;
  text-align: center;
  clear: both;
}


h2 {
  color: #2a65aa;
  margin-bottom: 20px;
  font-size: 17px;
  clear: both;




[img=http://img140.imageshack.us/img140/3422/problemly7.th.jpg]


Zuletzt bearbeitet von Raschi am Do 17.01.2008 18:02, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 34
Geschlecht: Männlich
Verfasst Do 17.01.2008 18:41
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
#content {
  width:680px;
  min-height: 593px;
}

der mag den height da nicht, ohne gehts.


Zuletzt bearbeitet von Mark-Korb am Do 17.01.2008 18:42, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Raschi
Threadersteller

Dabei seit: 19.09.2007
Ort: Hamburg
Alter: 32
Geschlecht: Weiblich
Verfasst Fr 18.01.2008 10:23
Titel

Antworten mit Zitat Zum Seitenanfang

hat geklappt!
vielen dank! Lächel
  View user's profile Private Nachricht senden
 
Ähnliche Themen Text geht über Rand hinaus
Text geht über die Div hinaus
Border springt über's Ziel hinaus
[CSS] Bild ragt über <div> hinaus
CSS -Inhalt geht über mein DIV hinaus... warum?
Problem mit Footer
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.