27.10.2008, 11:23
|
||||
|
||||
FootStickerAlt funktioniert nicht im Opera?!
Tach zusammen,
Status: Mein mit notepad++ (neueste Version) gebasteltes FootStickerAlt-Beispiel funktioniert problemlos im FF, IE6, IE7, Safari. Im Opera 9.61 leider nicht. Zuerst nehm ich mal an, das ich irgendwo einen Fehler eingebaut habe, den ich nicht finde. Merkwürdig dabei ist nur, daß es in allen anderen Browsern funktioniert. XHTML/CSS: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Foot-Sticker-Alt</title>
<style type="text/css">
* {
padding:0;
margin:0;
}
html,
body {
height:100%;
}
body {
color:#000;
background-color:#dcdcdc;
font: 100%/1.5 verdana, arial, helvetica, sans-serif;
}
#umhang {
width:900px;
height:100%;
color:#000;
background-color:silver;
margin:0 auto;
}
#umhang_innen {
min-height:100%;
background-color:orange;
}
#kopf {
color:#000;
background-color:yellow;
}
h1 {
text-align:center;
padding:20px;
}
#textbereich {
color:#000;
background-color:orange;
padding-bottom:50px;
}
#textbereich p {
text-align:center;
padding:15px;
}
#fuss {
color:#000;
background-color:yellow;
height:50px;
margin-top:-50px;
}
#fuss p {
text-align:center;
padding-top:15px;
}
</style>
<!--[if IE 6]>
<style type="text/css">
#umhang_innen {
height:100%;
}
</style>
<![endif]-->
</head>
<body id="startseite">
<div id="umhang">
<div id="umhang_innen">
<div id="kopf">
<h1>Überschrift Kopfbereich</h1>
</div><!-- Ende #kopf-->
<div id="textbereich">
<p>Ein sehr kurzer Text</p>
</div><!-- Ende #textbereich-->
</div><!-- Ende #umhang_innen-->
<div id="fuss">
<p>Der Fussbereich soll immer ganz unten auf der Seite sein</p>
</div><!-- Ende #fuss-->
</div><!-- Ende #umhang -->
</body>
</html>
 Weiss jemand, wo der Fehler liegt, ich kann jetzt grad nichts entdecken? Danke im voraus!
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus Geändert von hubspe (27.10.2008 um 11:26 Uhr) 
|
| Sponsored Links |
|
27.10.2008, 11:34
|
|||
|
|||
|
Opera zickt, wenn man 100%-Mindesthöhen nur mit einem Style-Element testet. Sobald du irgendeine externe Style-Referenz einsetzt, wird die Mindesthöhe angezeigt (siehe auch S. 34 im Buch
 ).War's das?
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken
|
| Sponsored Links |
|
27.10.2008, 12:12
|
||||
|
||||
|
Hallo Corina,
ups,  Jetzt hab ich es auch gefunden. Irgendwie hatte ich das eben überlesen. Naja, wer richtig lesen kann, ist halt enorm im Vorteil. Vielen Dank für deine Hilfe. 
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| CSS für Firefox, IE, Opera Probleme - Browserweiche | talkuvit | CSS | 4 | 31.10.2009 18:07 |
| Mouseover funktioniert nicht (externe Methode) | blackhtml | CSS | 2 | 07.04.2009 17:49 |
| Java Rollover funktioniert nicht im Opera | devils_advocate | Javascript & Ajax | 2 | 08.03.2007 17:11 |
| Klasse funktioniert nicht im FF und Opera | Leviathan | CSS | 8 | 11.02.2007 16:22 |
| Opera und padding | Susanne2 | CSS | 9 | 06.07.2003 21:35 |
Linear-Darstellung
