| Autor |
Nachricht |
|
Verfasst am: 19.03.2002 [01:21]
|
|
mgerlitz
Themenersteller
Dabei seit: 07.03.2002
Beiträge: 161
|
Hallo!
Folgender Code stammt aus dem w3c-manual für CSS, funktioniert aber leider bei mir nicht. Die Texte stehen untereinander statt formartiert. Weiß jemand - evtl. Du Robbes  - den Grund?
Gruß
Matthias
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>A frame document with CSS2</TITLE>
<STYLE type="text/css">
BODY { height: 8.5in } /* Required for percentage heights below */
#header {
position: fixed;
width: 100%;
height: 15%;
top: 0;
right: 0;
bottom: auto;
left: 0;
}
#sidebar {
position: fixed;
width: 10em;
height: auto;
top: 15%;
right: auto;
bottom: 100px;
left: 0;
}
#main {
position: fixed;
width: auto;
height: auto;
top: 15%;
right: 0;
bottom: 100px;
left: 10em;
}
#footer {
position: fixed;
width: 100%;
height: 100px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
</STYLE>
</HEAD>
<BODY>
<DIV id="header"> <h1> header </h1> </DIV>
<DIV id="sidebar"> <h1> sidebar </h1> </DIV>
<DIV id="main"> <h1> main </h1> </DIV>
<DIV id="footer"> <h1> footer </h1> </DIV>
</BODY>
</HTML>
|
|
Verfasst am: 19.03.2002 [09:42]
|
|
Robbes
Dabei seit: 02.03.2002
Beiträge: 2657
|
Ich weiss net was du willst, passt doch alles... Getestet mit Opera und Mozilla, Screenshot vom Moz gibt's <a rel="nofollow" href="outbound.php?url=http://www.robwei.de/bilder/sfw/css_001.png" target="_blank">hier</a>.
|
|
Verfasst am: 19.03.2002 [11:30]
|
|
mgerlitz
Themenersteller
Dabei seit: 07.03.2002
Beiträge: 161
|
Tja, wenn es bei mir wie in Deinem Sreenshot angezeigt würde, dann wäre es gut. Selber nutze ich den IE 5.5 *bitttehaumichnicht* und zu Testzwecken ist noch von annodazumal der Navigator 4.7 auf dem System. Nun, dann werde ich auch mal Mozilla und Opera installieren und schauen was dann rauskommt. Vielleicht stimmt aber auch irgendetwas anderes bei meinem System nicht, muß ich mal schauen. Erstmal Danke für Deine Hilfe, so weiß ich wenigstens, daß es funktionieren müßte.
Gruß
Matthias
|
|
Verfasst am: 19.03.2002 [13:41]
|
|
Robbes
Dabei seit: 02.03.2002
Beiträge: 2657
|
*lol* Bei CSS gibt es einen Grundsatz den man beherzigen sollte: Nimm einen aktuellen Browser! Netscape 4.x kannste direkt in die Tonne kloppen, damit funktioniert kaum was. IE 5.5 dann ja anscheinend auch, der 6er hat hier und da auch noch Macken (z.B. bei "border: ... dotted" - ist beim IE dann trotzdem dashed). Der beste Browser ist und bleibt in solchen Fällen <a rel="nofollow" href="outbound.php?url=http://mozilla.org/releases/" target="_blank">Mozilla</a>.
|
|
Verfasst am: 19.03.2002 [13:55]
|
|
mgerlitz
Themenersteller
Dabei seit: 07.03.2002
Beiträge: 161
|
Nun, die Sachen vom Einführungskurs auf extremetech funktionierten beim IE 5.5 und Netscape 4.7 prima, eventuell wird position: fixed nicht korrekt verarbeitet, mal schauen.
Gruß
Matthias
|
|
Verfasst am: 19.03.2002 [14:00]
|
|
Robbes
Dabei seit: 02.03.2002
Beiträge: 2657
|
Kleiner Tipp: Das W3C bietet auch <a rel="nofollow" href="outbound.php?url=http://www.w3.org/Style/CSS/Test/" target="_blank">Test Suites</a> für CSS an.
|
|
Verfasst am: 19.03.2002 [15:22]
|
|
mgerlitz
Themenersteller
Dabei seit: 07.03.2002
Beiträge: 161
|
Deren Beispiele funktionieren prima, aber benutzen wohl nicht position : fixed
Gruß
Matthias
|
|
Verfasst am: 19.03.2002 [16:37]
|
|
mgerlitz
Themenersteller
Dabei seit: 07.03.2002
Beiträge: 161
|
Hi robbes!
Mit Opera funktioniert es bei mir auch, Mozilla hab ich noch nicht installiert. Scheint wirklich am position: fixed zu liegen.
Gruß
Matthias
|
|
Verfasst am: 19.03.2002 [17:02]
|
|
Robbes
Dabei seit: 02.03.2002
Beiträge: 2657
|
*hehe* Und ich sag's ja immer wieder: IE ist und bleibt kagge *froi*
|
|
Verfasst am: 19.03.2002 [18:32]
|
|
mgerlitz
Themenersteller
Dabei seit: 07.03.2002
Beiträge: 161
|
*lol*, tja, aber da die meisten Benutzer den IE gebrauchen, werde ich die Website zwar w3c-konform gestalten, aber auch so, daß der IE damit klarkommt.
Gruß
Matthias
|
Forum
