zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Dynamische Höhe 100% und IE6

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.06.2007, 11:47
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard Dynamische Höhe 100% und IE6

Hallo zusammen,

um eine dynamische Höhe von 100% auf meiner HP zu bekommen bin ich einem Link der FAQ Punkt 5 gefolgt und dort auf ein entsprechendes Tutorial gestoßen.
Ich habe alles wie beschrieben definiert und es klappt bei Firefox, Netscape, Opera und IE7 ohne Probleme.
Nur beim IE6 verlängert er die Seite endlos nach unten, d.h. jedes <div> zeigt er auf 100% der Seitenhöhe.
Codeausschnitt des Dokumentenkopfes:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="layout.css" media="screen" />
<title></title>
</head>

Hier noch ein Ausschnitt der layout.css:
html,body {
height:100%;
margin:0;
padding:0;
}
*html div {
height:100%;
}
div {
min-height:100%;
}
body {
background-color:gray;
font:12pt 'comic sans ms';
color:black;
text-align:center;
usw.
Die Systematik der Container (body):
<body>
<div id="gesamt">
<div id="kopf">
<h1></h1>
</div>
<div id="navigation">
<p>5 Links horizontal</p>
</div>
<div id="mitte">
<p>
<img src="foto" /><br /> Platzhalter
</p>
</div>
<div id="unten">
<p>2 Links horizontal</p>
</div>
</div>
</body>

Die Seite habe ich mit Expression Web auf der Codeseite gebastelt.
Ich habe IE6 und IE7 parallel installiert ( mit multiple IE, war ein download! IE6 ist in englisch mein IE7 auf deutsch).
Sie wird nur in allen Browsern korrekt angezeigt wenn ich die Höhe nicht auf 100% strecke, sieht dann aber nicht so gut aus wenn die Seite nicht bis unten reicht, weil wenig Text da ist (Impressum z.B.).
Habe endlos probiert und jetzt bin ich ratlos wo der Fehler liegt (multiple IE vielleicht???)?
Danke im voraus
Klaus
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.06.2007, 12:12
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Zitat:
Nur beim IE6 verlängert er die Seite endlos nach unten, d.h. jedes <div> zeigt er auf 100% der Seitenhöhe
Du hast ja auch gnadenlos jedem DIV eine Höhe von 100% gegeben - stehen die untereinander, reiht sich das logischerweise auf.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.06.2007, 16:09
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard Dynamische Höhe 100% und IE6

Hi Boris,

klar habe ich, aber nicht weil ich mir das gebastelt habe sondern das habe ich
1:1 aus dem Tutorial übernommen, jedenfalls Das hier:

html,body {
height:100%;
margin:0;
padding:0;
}
*html div {
height:100%;
}
div {
min-height:100%;
}

laut Tutorial sind dann die Probleme der Browser untereinander gelöst.
Bis auf den IE6 sind sie das ja auch.
Hast du einen Vorschlag wie ich das lösen kann, um stressfrei zu meinen dynamischen 100% in allen Browsern zu kommen??
An dieser multiple IE Installation kann das nicht liegen??
Danke für deinen Beitrag!
Gruß
Klaus
Mit Zitat antworten
  #4 (permalink)  
Alt 29.06.2007, 16:12
Benutzerbild von Peter Klein
CSS-Fetischist
XHTMLforum-Mitglied
 
Registriert seit: 27.02.2006
Ort: Berlin
Beiträge: 375
Peter Klein befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von hubspe Beitrag anzeigen
Hi Boris,

klar habe ich, aber nicht weil ich mir das gebastelt habe sondern das habe ich
1:1 aus dem Tutorial übernommen, jedenfalls Das hier:

html,body {
height:100%;
margin:0;
padding:0;
}
*html div {
height:100%;
}
div {
min-height:100%;
}

laut Tutorial sind dann die Probleme der Browser untereinander gelöst.
Bis auf den IE6 sind sie das ja auch.
Hast du einen Vorschlag wie ich das lösen kann, um stressfrei zu meinen dynamischen 100% in allen Browsern zu kommen??
An dieser multiple IE Installation kann das nicht liegen??
Danke für deinen Beitrag!
Gruß
Klaus
Mach mal das markierte weg, das hilft schon einiges.
Und die Nullsetzung der margins und paddings auf * anwenden nicht auf body.
Welches Tutorial war das denn? Würde gerne mal wissen wer so nen Schrott schreibt.

Geändert von Peter Klein (29.06.2007 um 16:15 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 29.06.2007, 16:35
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard Dynamische Höhe 100% und IE6

Hi Peter,
danke für die Lösung!!
Meine 100% sind jetzt sowas von dynamisch, auch im IE6!!!
Gefunden habe ich das unter:
Hier im CSS-Forum unter Faqs, da Punkt 5, dort dann "Ausführliche Beschreibung und Tutorial" angeklickt und bei der geöffneten Seite "Tutorials" angeklickt.
Da ist es das unterste Tutorial.
Viele Grüße
Klaus
Mit Zitat antworten
  #6 (permalink)  
Alt 29.06.2007, 16:51
Benutzerbild von Peter Klein
CSS-Fetischist
XHTMLforum-Mitglied
 
Registriert seit: 27.02.2006
Ort: Berlin
Beiträge: 375
Peter Klein befindet sich auf einem aufstrebenden Ast
Standard

Na siehste, wenn es ja jetz klappt ist es ja wunderbar.
Mit Zitat antworten
  #7 (permalink)  
Alt 29.06.2007, 20:33
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Mal sollte HTML und CSS in Tutorials nicht einfach 1:1 übernehmen, sondern auch verstehen. Das war nur ein generelles Beispiel für EIN Div
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #8 (permalink)  
Alt 30.06.2007, 10:53
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard Dynamische Höhe 100% und IE6

Hi Boris,
wohl gesprochen!!
Vor drei Monaten wußte ich grob gesagt noch nicht einmal was HTML heißt und ich hatte keine Ahnung das es CSS gab.
Mir ist einfach auf die Nerven gegangen zur Pflege meiner HP jedesmal jemanden bitten zu müssen das zu übernehmen.
Also habe ich angefangen mir das beizubringen.
HTML- und CSS-Grundlagen habe ich jetzt durch, das wirkliche Verstehen kommt ja fast immer erst mit der Praxis.
Aber ich arbeite daran! Auch mit Hilfe dieses Forums wenns gerade irgentwo hängt.
Als nächstes steht Javascript auf dem Programm und dann XML.
Bei Javascript mußte ich allerdings feststellen, das man da ohne grundlegende Programmierkenntnisse nicht so recht weiterkommt, bzw. die Literatur die ich dazu habe setzen diese Kenntnisse voraus.
Meine Frage bezüglich entsprechender Javascriptliteratur, die keine Programmierkenntnisse voraussetzen, habe ich hier im Javascriptforum gestellt aber leider auch nur Tips bekommen die diese Kenntnisse entweder voraussetzen oder in extrem dürrer Form beinhalten.
Du hast nicht zufällig einen Tip für mich???
Danke für deinen Beitrag!
Viele grüße
Klaus
Mit Zitat antworten
  #9 (permalink)  
Alt 30.06.2007, 12:23
Benutzerbild von Peter Klein
CSS-Fetischist
XHTMLforum-Mitglied
 
Registriert seit: 27.02.2006
Ort: Berlin
Beiträge: 375
Peter Klein befindet sich auf einem aufstrebenden Ast
Standard

Hallo

Was ich eigentlich für eine gute Möglichkeit finde, in nen Buchladen gehen und sich dort einige Bücher anschauen, etwas reinlesen, man merkt ja sicherlich schnell ob man mitkommt oder eher nicht.

Eine gute Anlaufstelle für HTML/CSS und auch für Java Script ist selfhtml.

Peter
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 30.06.2007, 15:59
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard Dynamische Höhe 100% und IE6

Hi Peter,

danke für deinen Beitrag!
Selfhtml habe ich runtergeladen und nach kurzem Anschauen konnte ich feststellen, das bei Javascript erheblich mehr Beispiele zur Veranschaulichung stehen. Werde ich mal probieren.
Im Buchladen war ich auch schon, das dort Angebotene ging leider von vorhandenen Programmierkenntnissen aus oder die Erklärungen waren nicht so gut (Naja, Passau ist halt nicht so groß, das die Auswahl da so überwältigend wäre).
Ich habe einfach ein Problem wenn nach einer langsamen gut verständlichen Einführung in Javascript (JS-Versionen, im Browser aktivieren und testen, usw.) im nächsten Kapitel:"Grundlegende Sprachelemente" einem auf 30 Seiten die Notationsregeln, Bezeichner, Variablen, Datentypen, Operatoren, usw. mit kaum praktischen Beispielen um die Ohren geschlagen werden.
Dann bleibt das ziemlich abstrakt und frustrierend für mich.
Ok, Mathematik war schon auf der Schule nie meine Stärke, aber ich denke das geht vielen so, auch solchen die JS letztlich bewältigen konnten.
Auf jeden Fall will ich am Ball bleiben!!
Viele Grüße
Klaus
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
div, dynamische höhe aber nix faux ... emmis CSS 1 11.12.2010 18:37
3 DIVs - dynamische Höhe fire90de CSS 2 02.06.2009 14:39
im ie6 höhe nicht ausreichend Gack81 CSS 7 24.04.2008 12:12
Höhe der Bereiche stimmt im IE6 nicht??? jilli CSS 4 13.11.2007 15:23
DIV 100% Höhe IE6 Problem pixelpole CSS 3 04.01.2007 13:56


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:06 Uhr.