Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon CSS-DAU vom 15.02.2021, 13:11 Options
Frames in CSS
Hallo zusammen, ich hab noch eine Webseite die mit Frames konstruiert ist, und nun wollte ich das auf CSS Umbauen.
Zumindest der Top-Frame funktioniert im Firefox, aber weder der noch der linke Frame funktioniert im Internet Explorer.
Könnte von Euch mal jemand darüberschauen und mir sagen wo mein Denkfehler ist?
Der Code für die Webseite:
Der Code fürs CSS:
body {font-family: verdana, arial,helvetica,sans-serif;}
h1 {font-size:1.2em; margin-left:15px;}
h2 {font-size:1.0em; margin-left:15px;}
p {font-size:0.8em; margin-left:15px;}
body {
height:100%;
margin:0;
padding:0;
}
body>#oben {
position:fixed;
}
#oben {
left:0;
top:0;
width:100%;
height:80px;
background:#abcdef;
z-index:4;
}
body>#links {
position:fixed;
}
#links {
color: #333333;
border: 1px solid #ccc;
background: #E7DBD5;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 350px;
width: 195px;
float: left;
}
Und Bitte daran Denken, ich hab zwar schon eine menge gelesen, bin aber noch in den Anfängen. Also Bitte so erklären das ich es auch nachvollziehen kann.
Euer CSS-DAU Stefan
Zumindest der Top-Frame funktioniert im Firefox, aber weder der noch der linke Frame funktioniert im Internet Explorer.
Könnte von Euch mal jemand darüberschauen und mir sagen wo mein Denkfehler ist?
Der Code für die Webseite:
<!DOCTYPE [url=http://www.supportnet.de/faqsthread/887|Wie erstellt man eine Webseite / Homepage (html)?]html[/url] 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" lang="de" xml:lang="de">
<head>
<title>Fixierter Dokumentkopf</title>
<link rel="stylesheet" type="text/css" href="test10.css" />
</head>
<body>
<div id="oben">
<h1>Fixierter Dokumentkopf.</h1>
<p>Und noch ein wenig Information.</p>
</div>
<div id="links">
Hier ist das Menü
</div>
<h2>Überschrift</h2>
<p>Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text<br>
Beliebiger Text</p>
</div>
</div>
</body>
</html>Der Code fürs CSS:
body {font-family: verdana, arial,helvetica,sans-serif;}
h1 {font-size:1.2em; margin-left:15px;}
h2 {font-size:1.0em; margin-left:15px;}
p {font-size:0.8em; margin-left:15px;}
body {
height:100%;
margin:0;
padding:0;
}
body>#oben {
position:fixed;
}
#oben {
left:0;
top:0;
width:100%;
height:80px;
background:#abcdef;
z-index:4;
}
body>#links {
position:fixed;
}
#links {
color: #333333;
border: 1px solid #ccc;
background: #E7DBD5;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 350px;
width: 195px;
float: left;
}
Und Bitte daran Denken, ich hab zwar schon eine menge gelesen, bin aber noch in den Anfängen. Also Bitte so erklären das ich es auch nachvollziehen kann.
Euer CSS-DAU Stefan
Antwort 2 von CSS-DAU vom 16.02.2021, 10:11 Options
Danke für Deinen Link, ich hab mir das Durchgelesen, aber nicht so recht verstanden. Ich bin halt noch in den anfängen.
Kannst Du mir einen Tipp geben was ich genau im Quellcoder ändern sollte, oder bist Du der meinung das ich noch mal von vorn anfangen muß?
Stefan
Kannst Du mir einen Tipp geben was ich genau im Quellcoder ändern sollte, oder bist Du der meinung das ich noch mal von vorn anfangen muß?
Stefan
Antwort 3 von katy vom 16.02.2021, 20:21 Options
Hallo Stefan,
es ist wirklich so: es geht im IE nicht! Aufd er verlinkten Seite gibt es ein Beispiel, damit kannst du in verscheidenen Browsern testen, was bei position:fixed passiert. Und da ist beim IE einfach nur Müll in der Ansicht. Bestenfalls kannst du das so hinkriegen, dass es aussieht, als ob da weiter nichts angegeben wird, dann scrollt der Teil mit.
Also mein Tipp: lass es einfach sein mit position:fixed
Wenn du einen scrollbaren Bereich in einer sonst feststehenden Seite haben willst ist overflow:scroll günstiger, das kapiert sogar der IE.
katy
es ist wirklich so: es geht im IE nicht! Aufd er verlinkten Seite gibt es ein Beispiel, damit kannst du in verscheidenen Browsern testen, was bei position:fixed passiert. Und da ist beim IE einfach nur Müll in der Ansicht. Bestenfalls kannst du das so hinkriegen, dass es aussieht, als ob da weiter nichts angegeben wird, dann scrollt der Teil mit.
Also mein Tipp: lass es einfach sein mit position:fixed
Wenn du einen scrollbaren Bereich in einer sonst feststehenden Seite haben willst ist overflow:scroll günstiger, das kapiert sogar der IE.
katy
Ähnliche Themen
Horizontales und vertikales Zentrieren eines div-Containers mit CSS
derpfleger 05.08.2006 - 7578 Hits - 1 Antwort
Listen mit CSS in IE, Firefox und Opera gleich ausrichten.
derpfleger 03.10.2007 - 2297 Hits -
NVU: Frames möglich?
Manuel3006 06.11.2007 - 141 Hits - 1 Antwort
Probleme mit Frames
Aussermensch 28.12.2007 - 59 Hits - 2 Antworten
Alternative zu Frames
Spiderschwein 08.06.2008 - 123 Hits - 21 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
