[Erledigt] Problem mit 100% div - Seite 3

ChrisB · 29.04.2011, 18:52

Zitat:

Zitat von Buschdieb

Im übrigen bin ich seit 11.12.2004 hier Mitglied

Mich interessiert die konkrete Fragestellung und der Umgang des Fragers damit - und nicht, ob er sich erst gestern hier angemeldet hat, oder bereits kurz nach dem zweiten Weltkrieg.

Zitat:

und ein Neuling in Sachen PHP, MYSQL, HTML, Javascript und CSS bin ich nicht mehr, aber das ist Nebensache!

Und Ansichts-.

Zitat:

Meine Art und Weise war in dieser und in allen anderen Fragestellungen hier höflich und nicht faul etc.! Daher finde ich deinen Ton/Schreibstil nicht angemessen mir gegenüber. Ich informiere mich sehr genau über die Wirkungsweise von CSS.

Wenn dieses „Informieren“ über permanentes und penetrantes Nachfragen zu jeder Kleinigkeit erfolgt, sehe ich das irgendwie anders.

Wenn du schon versucht hast, dich selber zu informieren - dann lass das bitte auch erkennen, anstatt es nur zu behaupten.

Zitat:

Ich setze gar nicht voraus, dass Du mir eine komplett fertige Lösung schreibst, vielmehr müsste ich Denkanstöße bekommen und selbst zu der Lösung finden.

Beim selber Finden hilft erst Mal selber Suchen.

Zitat:

Wie bekomme ich jetzt den Footer an den untersten Browserfensterrand?

Auch das ist wieder eine Fragestellung, mit der du absolut nicht der erste Mensch auf Erden bist - im Gegenteil, die ist schon von Leuten mit einigem Know-How in epischer Breite diskutiert und in diversen Ansätzen beleuchtet worden.

Zitat:

Hast Du einen Ansatz für mich?

Ja, und der lautet, auch wenn dir das nicht gefallen wird: JFGI.

Zitat:

Zu dieser Fragestellung habe ich schon einiges ausporbiert aber nichts hat geholfen.

Fragestellungen, die davon reden, was man angeblich schon alles ausprobiert hat, ohne dieses in irgendeiner Weise zu beschreiben, helfen seltenst weiter.

Das absolut Mindeste, was ich von dir in diesem Punkt erwarten würde, ist dass du erst mal beschreibst, welche Ansätze du dir überlegt hast. Und wenn du dir selber Ansätze gesucht hast, und sich deren Übertragung auf deinen konkreten Fall als problematisch erweisen sollte - dann erwarte ich ebenso, dass du uns diese Ansätze erst mal zur Kenntnis bringst, bspw. durch einen Link, und ebenfalls genau beschreibst, wie dein Versuch des Einbaus in deinen Code konkret aussah.

Aber pure Beteuerungen, dass du das fleißigste Bienchen von allen und trotzdem durch die Ungerechtigkeit des Universums nicht von Erfolg gekrönt bist, die sind mir ziemlich egal - wenn ich davon wenig erkennen kann in dem, was du hier schreibst.

Buschdieb · 29.04.2011, 19:05

Zitat:

Zitat von ChrisB

Ja, und der lautet, auch wenn dir das nicht gefallen wird: JFGI.

Was meinst Du wohl, was ich die ganze Zeit mache!

Zitat:

Zitat von ChrisB

Wenn dieses „Informieren“ über permanentes und penetrantes Nachfragen zu jeder Kleinigkeit erfolgt, sehe ich das irgendwie anders.

Wenn deine Antworten ausführlicher wären, dann würde sich das denke ich nicht zu hinziehen.

Ich spare mir mal, meine Beispielcodes zu posten. Dann würde ich das hier unnötig in die länge ziehen. Ich habe den Footer an unterschiedlichen stellen platziert. z.B. in #Inhalt und in #Page sowie auserhalb davon. Ich habe mit verschiedenen Positionsangaben gearbeitet (absolute, relative, static, fixed, wobei die beiden letzteren Schwachsinn sind). Ich habe das div je nach Position im Code und in der Positionsangabe ausgerichtet es zumindest probiert. Eine Lösung nach meinen Vorstellungen habe ich noch nicht gefunden.

nikosch · 29.04.2011, 19:11

Zitat:

Ich habe mit verschiedenen Positionsangaben gearbeitet (absolute, relative, static, fixed, wobei die beiden letzteren Schwachsinn sind). Ich habe das div je nach Position im Code und in der Positionsangabe ausgerichtet es zumindest probiert. Eine Lösung nach meinen Vorstellungen habe ich noch nicht gefunden.

Klingt, als würdest Du blind drauf losstochern. Lege Deine Anforderung sprachlich fest, dann vergleiche sie mit den Features, die CSS bietet.

Buschdieb · 29.04.2011, 19:27

Zitat:

Zitat von nikosch

Klingt, als würdest Du blind drauf losstochern. Lege Deine Anforderung sprachlich fest, dann vergleiche sie mit den Features, die CSS bietet.

also das wird mir hier jetzt zu blöd!

Danke für die bisherige Hilfe!

Thema beendet

ChrisB · 29.04.2011, 19:29

Zitat:

Zitat von Buschdieb

Wenn deine Antworten ausführlicher wären, dann würde sich das denke ich nicht zu hinziehen.

Erst sagst du, dass du nur Denkanstöße bräuchtest - und jetzt bin ich dir in meinen Antworten nicht ausführlich genug ...

Denkanstöße sind für mich bewusst knapp gehaltene Hinweise darauf, wo ggf. ein (Denk-)Fehler vorliegt, und Stichworte, die dir helfen sollen, dich selber zu informieren.
Wenn dir das nicht reicht - falsche Adresse.

Abgesehen davon, ist die „Länge“ des ganzen für mich hier kein ausschlaggebendes Kriterium.

Zitat:

Ich spare mir mal, meine Beispielcodes zu posten. Dann würde ich das hier unnötig in die länge ziehen.

Genau das kann auf mich doch nur den Eindruck machen, dass du nicht gewillt bist, dir die Mühe zu machen, deine eigenen (Denk-)Ansätze zur Thematik erst mal hier verbal in der nötigen Ausführlichkeit zu beschreiben.

Nur, wenn du mir deine Ansätze detailliert genug beschreibst, kann ich dir sagen, ob diese erfolgversprechend sein können, oder grundsätzliche Denkfehler enthalten.

Noch mal deutlich, verbale Beschreibung ist das Schlüsselwort. Ich habe überhaupt keine Lust, aus immer wieder hingeworfenen Code-Brocken zu extrahieren, was du dir dabei gedacht haben könntest.
(Und die Code-Brocken an sich sind auch nicht sonderlich zuvorkommend - ein aktualisiertes Online-Beispiel lässt mich gleich nachvollziehen, was du gemacht hast, ohne dass ich erst mal eine Copy&Paste-Orgie starten muss.)

Zitat:

Ich habe den Footer an unterschiedlichen stellen platziert. z.B. [...]

Blah-blah, wischi-waschi ...

Dass ich aus so einer „Beschreibung“ entnehmen kann, wo die Fehler in deinen Versuchen oder auch dein grundsätzliches Verständnisproblem liegen, nimmst du doch nicht ernsthaft an?

Zitat:

Eine Lösung nach meinen Vorstellungen habe ich noch nicht gefunden.

Erwartest du dir eine solche denn wirklich von - deiner Beschreibung nach reichlich unstrukturiertem und wahllosem - Herumprobieren?

Wenn du nur herumprobierst und darauf wartest, dass durch Zufall irgendwann etwas „Funktionierendes“ dabei herauskommt, bleibe ich dabei: Beschäftige dich mit den Grundlagen. Beschäftige dich, wenn das offenbar von Nöten ist, intensiver damit als bisher.

Und dazu, was du gesucht und dabei ggf. gefunden hast, von dir auch immer noch kein Wort.

Du bist mit dem ganzen kurz davor, meine Geduld überstrapaziert zu haben.

Buschdieb · 30.04.2011, 15:03

Neuer Tag neues Glück,

ich habe mir mal die Seite: http://xhtmlforum.de/40267-faq-h-ufi...ragen-und.html und http://www.themaninblue.com/experime...mple_short.htm zu gemüte gezogen und es in meinen Code eingebaut.

Der Footer ist jetzt immer am untersten Rand der Browserfenster. Nur wenn ich das Browserfenster verkleinere, dann legt sich der Footer über alle anderen DIVs. Verändere ich den z-index. verschwindet der Footer unter allen anderen DIVs. Der Footer soll am unteren Rand von #Inhalt stehen bleiben und mitgescrollt werden können.

Was fehlt?
Hier der Code:

HTML-Code:

<body style="padding:0px; margin:0px;">
<div id="nonfooter" style="position:relative; min-height:100%; height: 100%;">
<div id="menu" style="z-index:2; position:absolute; height:40px; width:100%; background-color:#ff0000">Menuleiste</div>
<div id="header" style="z-index:2; position:absolute; width:100%; top:40px; height:200px;background-color:#228B22">Header</div
<div id="header_end" style="z-index:2; position:absolute; height:20px; top:240px; width:100%; background-color:#9B30FF">Headerabschlussgrafik</div>
<div id="abstand" style="z-index:2; position:absolute; height:150px; width:100%; background-color: transparent"></div>
<div id="inhalt" style="z-index:2; position:absolute; left:50%; width:800px; top:150px;margin-left:-400px; padding-bottom:75px; background-color:#FFF400;">
<h1>Inhalt</h1>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
ifwheuihweifhweifhwiehf w efwhef<br>
wqdjoh qwhdhqwidhqwihdiqwhdihqwidhiqwhdihqwh<br>
</div>
<div id="page" style="z-index:1; position:relative; width:800px; margin:auto; height:100%; background-color:#9B30FF">
</div>
</div>
<div id="footer" style="z-index:2; display:block; position:relative; background-color:#005454; height:50px; margin: -50px auto 0 auto; width:800px;">FOOTER</div>
</body>

ChrisB · 30.04.2011, 15:19

Zitat:

Zitat von Buschdiebs Signatur

fragen ist kostenlos!

Die Antworten hier auch.

Aber wenn du von den Hinweisen, die du bekommst, einfach alle ignorierst, die dir nicht passen - dann gibt's halt irgendwann keine Antworten mehr.

Ich bin raus.

Buschdieb · 02.05.2011, 08:30

Hallo,

damit die Nachwelt bescheid weiß hier die Lösung meines Problems.

HTML-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>
<title>footerStick - Footer sticks to bottom of page</title>
<style type="text/css" title="defaultStyle">
/*<![CDATA[*/
<!--
* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body {
  color: #333;
  font: 11px Verdana, sans-serif;
  text-align: center;
}

h1 {
  font: bold 12px Verdana, sans-serif;
}

h2 {
  padding: 1em 0 .2em 0;
  font: normal 18px/1.5em Georgia, serif;
}

p {
  margin: 2em 0;
  line-height: 1.5em;
}

a {
  color: #666;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #999;
  text-decoration: underline overline;
}

#container-page {
  margin: 0 auto;
  width: 100%;
  background: #DDD;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

#container-head {
  position:relative;
  z-index:3;
  background: #999;
}

#menu{
height:49px;
background-color:#8A2BE2;
}

#head {
  height:313px;
  padding: 0;
  background-color:#ADFF2F;
}

#header_bottom{
  height:49px;
  background-color:#DB7093;
  
}

#container-content {
  top:-100px;
  position:relative;
  z-index:3;
  background-color:#CCCCCC;
  width:800px;
  margin-left:auto;
  margin-right:auto;
  padding: 0 10px 40px 10px;
}

#container-content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#content-pri {
  width: 100%;
  float: right;
}


#content-sec ul,#content-sec ul li {
  list-style: none none;
}

#container-foot {
  z-index:3;
  width: 100%;
  background: #DDD;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 40px;
}

#foot {
  z-index:3;
  width:800px;
  margin-left:auto;
  margin-right:auto;
  background-color:#AAAAAA;
  padding-left:10px;
  padding-right:10px;
  line-height: 40px;
}
-->
/*]]>*/
</style>
</head>
<body>
<div id="container-page">
<div id="page" style="z-index:2; position:absolute; width:800px; left:50%; margin-left:-410px; height:100%; padding-left:10px; padding-right:10px; background-color:#CCCCCC"></div>
  <div id="container-head">
    <div id="menu"></div>
    <div id="head"><h1>Head</h1></div>
    <div id="header_bottom"></div>
  </div>
  <div id="container-content">
    <div id="content-pri">
      <h2>Resize the window to see the footer move</h2>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In augue. Sed vitae urna feugiat ante faucibus scelerisque. Maecenas non risus vitae velit auctor tincidunt. Ut facilisis elit non metus. Quisque ac dolor. Morbi eget erat in eros rhoncus imperdiet. Aenean egestas lectus ac sapien. Pellentesque non metus ac justo luctus feugiat. Nam elit elit, sagittis vel, eleifend quis, imperdiet non, lorem. In hac habitasse platea dictumst. Suspendisse convallis, dui vitae auctor elementum, eros orci porta nisl, in ullamcorper leo wisi eget mi. Sed eget sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet diam at elit lacinia convallis. Nullam massa ligula, posuere sit amet, gravida a, placerat ac, justo. Cras vulputate. Aliquam sed enim non justo sollicitudin tempor.</p>
      <p>Donec consequat cursus elit. Quisque posuere, massa blandit tincidunt aliquam, ipsum lectus egestas tortor, a iaculis ipsum urna et quam. Donec ultrices varius mi. Sed non magna. Sed ligula. Etiam magna quam, viverra at, fringilla nec, nonummy ut, wisi. Aenean volutpat, tellus at faucibus bibendum, sapien massa mattis lorem, id volutpat quam odio vitae mauris. Donec laoreet lacinia urna. Integer adipiscing dui nec dui. Curabitur non nulla. Vestibulum faucibus, quam ut iaculis volutpat, nibh risus tempus risus, quis lobortis nulla erat nec ipsum. Pellentesque ac est in libero semper hendrerit. Maecenas accumsan est quis diam varius laoreet. Ut velit risus, sollicitudin in, tempor ut, gravida non, sem. Quisque at quam vel orci volutpat luctus.</p>
    </div>
  </div>
  <div id="container-foot">
    <div id="foot">Foot</div>
  </div>
</div>
</body>
</html>

HTML-Code:

<div id="page" style="z-index:2; position:absolute; width:800px; left:50%; margin-left:-410px; height:100%; padding-left:10px; padding-right:10px; background-color:#CCCCCC">

Dieses DIV sorgt dafür, dass ein graues DIVs unter dem

HTML-Code:

<div id="container-content">

liegt.

Bei der Lösung half mir dieses Forum und folgende Seiten:

http://qrayg.com/learn/code/footerstick/
http://qrayg.com/experiment/footerstick/

Es war eine interessante Herausforderung, die mich viel Zeit gekostet hat! Ich bin sehr erleichtert mein Problem gelöst zu haben.

Ein DANK geht an ChrisB, mquadrat und nikosch

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit Ajax - Session Problem	halskrause	PHP Tipps 2009	10	12.01.2010 02:27
[Erledigt] Problem mit Mehrsprachigkeit	Sniper_Kotaro	PHP Tipps 2009	2	16.12.2009 11:47
Problem beim Download Management	mistermint	PHP Tipps 2009	8	24.10.2009 11:34
Umlaut Problem	nokieone	PHP Tipps 2009	7	16.10.2009 19:30
Problem mit Basedir in PhP	cmuch05	Datenbanken	9	08.01.2009 14:17
[Erledigt] Problem: PHP Selbe Datei mehr als 1 Mal	soulan	PHP Tipps 2008	13	28.11.2008 22:51
Problem Upload mehrere Dateien und schreiben in DB	Lapje	PHP Tipps 2008	1	22.10.2008 13:12
utf8 Problem (Daten aus DB auslesen)	go1denboy	PHP Tipps 2008	1	23.09.2008 12:19
Problem mit swfobjects	R4v3r	JavaScript, Ajax und mehr	8	21.09.2008 14:17
[Erledigt] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten