nicht angemeldet
Scrollbalken im IE 7 angezeigt, wo keine sein soll(t)en.
Hallo zusammen,
mein erstes Posting hier, hoffe sehr, ihr könnt mir helfen! :-)
Problem: Meine erste, selbst-gemachte Website wird auf verschiedenen Browsern in bestimmter Hinsicht unterschiedlich angezeigt. Als Grundstruktur der Site habe ich Frames benutzt und den Frame, der das Hauptfenster darstellt, mit "scrolling=auto" attributiert. Problem ist der IE 7. Bei zwei Unterseiten werden da horizontale Scrollbalken angezeigt, die sogar aktiv sind, obwohl die Seite in ihrer Breite eigentlich genau in den Frame passt (und mit ähnlichem Code versehene Seiten auch ohne diesen horizontalen Scrollbalken dargestellt werden). Generell möchte ich die Scrollmöglichkeit eingestellt lassen, da die Seiten häufig in ihrer Höhe nicht in den Frame passen.
Bei meiner bisherigen Suche im Forum kam bei ähnlichen Problemen häufig der Ratschlag, einfach in den body-Tag der entsprechenden Seite <body scroll="auto"> zu schreiben. Das fruchtet leider nicht.
In Firefox (mein eigentlicher Testbrowser) wie auch Opera (beide jeweils neueste Version) stellt sich das Problem nicht, die infrage kommenden Seiten werden korrekt dargestellt.
Nachfolgend noch der Quellcode der Frame-Datei. Wenn ihr weiteren Quellcode benötigt, sagt einfach Bescheid. Da die Seite noch nicht online ist, kann ich leider keinen Link geben, was die Sache sicherlich vereinfachen würde.
Frameset:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Der Debattierclub der Universität Münster e.V.</title>
</head>
<frameset rows="90,390,*">
<frame src="Ueberschrift.htm" name="Ueberschrift" frameborder="0" scrolling="auto" noresize="noresize" />
<frameset cols="250,620,*">
<frame src="Home/Home-Sidebar.htm" name="Sidebar" frameborder="0" scrolling="auto" noresize="noresize"/>
<frame src="Home/Home-Zur%20Begrue%C3%9Fung.htm" name="Daten" frameborder="0" scrolling="auto" noresize="noresize"/>
<frame src="Impressum/Leerframe.htm" name="Leerstelle" frameborder="0" scrolling="auto" noresize="noresize"/>
</frameset>
<frame src="Impressum/Impressum-Link.htm" name="Impressum-Link" frameborder="0" scrolling="auto" noresize="noresize"/>
</frameset>
</html>
Danke im Voraus für eure Hilfe!
Sebastian
-
Hallo zusammen,
hallo auch!
mein erstes Posting hier, hoffe sehr, ihr könnt mir helfen! :-)
WELCOME HOME! ;)
Problem: Meine erste, selbst-gemachte Website wird auf verschiedenen Browsern in bestimmter Hinsicht unterschiedlich angezeigt. Als Grundstruktur der Site habe ich Frames benutzt und den Frame, der das Hauptfenster darstellt, mit "scrolling=auto" attributiert. Problem ist der IE 7. Bei zwei Unterseiten werden da horizontale Scrollbalken angezeigt, die sogar aktiv sind, obwohl die Seite in ihrer Breite eigentlich genau in den Frame passt (und mit ähnlichem Code versehene Seiten auch ohne diesen horizontalen Scrollbalken dargestellt werden). Generell möchte ich die Scrollmöglichkeit eingestellt lassen, da die Seiten häufig in ihrer Höhe nicht in den Frame passen.
Ich hab mir gerade deinen Code angesehen und ausprobiert, funktinoiert entsprechend. Deinen Fehler kann ich nicht nachvollziehen.
vielleicht kannst du den quellcode deines Dokumentes im "Hauptfenster" posten.alles gute,
theresa-
Hallo nochmals,
Ich hab mir gerade deinen Code angesehen und ausprobiert, funktinoiert entsprechend. Deinen Fehler kann ich nicht nachvollziehen.
vielleicht kannst du den quellcode deines Dokumentes im "Hauptfenster" posten.Erst mal vielen Dank für Deine schnelle Reaktion!!
Der vollständige Quellcode der problematischen Unterseite lautet:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Created on 22.08.2007 14:53:17 -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>Kontakt - Der Vorstand</title>
<meta name="GENERATOR" content="Arachnophilia 5.3"/>
<meta name="FORMATTER" content="Arachnophilia 5.3"/>
<meta name="author-personal" content="Sebastian Muders" />
<meta name="author-mail" content="mailto:muderseb@uni-muenster.de" />
<meta name="description" content="Vorstellung des Debattierclubs der Universität Münster, seiner Angebote und seiner Tätigkeiten." />
<link rel="stylesheet" href="../stylesheets/data.css" type="text/css" media="screen,projection" />
<script type="text/javascript">
function FensterOeffnen (Adresse) {
MeinFenster = window.open(Adresse, "Zweitfenster", "width=603,height=435,left=0,top=0");
MeinFenster.focus();
}
</script>
<!--[if IE]>
<style type="text/css">@import url(../Stylesheets/ie-data.css);</style>
<![endif]-->
</head>
<body>
<div class="normal-b">
<h1>Der Vorstand</h1>
<p>
Der Debattierclub wird von einem dreiköpfigen Vorstand geleitet, dessen Mitglieder alle gleichermaßen stimmberechtigt sind.
Alle anfallenden Aufgabengebiete werden je einem Mitglied zugewiesen. Hier findet ihr die Kontaktdaten, Positionen und Aufgabenbereiche
der drei Vorstandsmitglieder. Alternativ könnt ihr auch einfach unser <a href="Kontakt-Formular.htm" onclick="FensterOeffnen(this.href); return false">Kontaktformular</a> verwenden.
Wenn Ihr einfach nur unseren wöchentlichen Newsletter mit Raumankündigung und Informationen zum Verein erhalten
möchtet, dann schreibt kurz an <a href="mailto:debating@uni-muenster.de">DebattierINFO</a>.
</p>
<p><img class="foto" id="Lukas" src="Grafiken/lukas.jpg" title="Lukas Haffert" alt="Präsident Lukas Haffert" height="125" width="101" /></p><div id="Kontakt-Lukas"><p>Präsident: <span class="bold">Lukas Haffert</span><br />vwl<br />Innenkommunikation & VDCH<br /><span class="kontakt"><span class="bold">>></span><img class="mail" id="lukas-mail" src="Grafiken/Mail-Lukas.gif" alt="lukashaffert@t-online.de" height="28" width="180" /></span></p></div>
<p><img class="foto" id="Esther" src="Grafiken/esther.jpg" title="Esther Reinert" alt="1. Vorsitzende Esther Reinert" height="134" width="101" /></p>
<div id="Kontakt-Esther"><p>1. Vorsitzende: <span class="bold">Esther Reinert</span><br />eng/theo<br />Außenkommunikation & Presse<br /><span class="kontakt"><span class="bold">>></span><img class="mail" id="esther-mail" src="Grafiken/Mail-Esther.gif" alt="esther_reinert@gmx.de" height="28" width="180" /></span></p></div>
<p><img class="foto" id="Irina" src="Grafiken/irina.jpg" title="Irina Nünning" alt="2. Vorsitzende Irina Nünning" height="112" width="101" /></p>
<div id="Kontakt-Irina"><p>2. Vorsitzende: <span class="bold">Irina Nünning</span><br />bwl<br />Finanzen<br /><span class="kontakt"><span class="bold">>></span><img class="mail" id="irina-mail" src="Grafiken/Mail-Irina.gif" alt="i_nuen01@uni-muenster.de" height="28" width="180" /></span></p></div>
<p> </p>
<p> </p>
</div>
<p>
<img id="Haende" src="Grafiken/kontakt.png" alt="" height="100" width="100" />
</p>
<p>
<img id="oben" src="../Grafik%20allgemein/Oberansatz-Textfeld.gif" alt="" width="603" height="15" />
<img id="unten" src="../Grafik%20allgemein/Unteransatz-Textfeld.gif" alt="" width="603" height="15" />
</p>
</body>
</html>Der dazugehörige Abschnitt in der externen CSS-Datei "ie-data.css" sieht wie folgt aus:
@charset "ISO-8859-1";
/* Für alle Abschnitte gilt: */
* { background-color:transparent; }
* { font-family:"Trebuchet MS"; color:#200E7E; font-size:10pt; text-align:justify; }
img#oben { position:fixed; background-color:transparent; top:0px; left:0; }
div.normal-b { position:absolute; top:0px; left:0px; padding-top:15px; background-color:#CDCBDA; border-style:solid; border-width:4px; border-color:#200E7E; padding-left:25px; border-bottom:none; border-top:none; padding-right:25px; min-width:545px; max-width:545px; }
img#unten { position:fixed; background-color:transparent; top:375px; left:0; }
h1 { font-size:14pt; }
h2 { font-size:11pt; }
h3 { font-size: 10pt; font-weight:bold; }
p.Bildunterschrift { font-size:9pt; }
span.bold { font-weight:bold; }
span.italics { font-style:italic; }
img.foto { border-style:solid; border-width:1px; border-color:#200E7E; }(...)
/*6. Abschnitt: Kontakt */
/* a) Unterabschnitt: Der Vorstand (siehe Kontakt-Der Vorstand.htm)*/img#Haende { position:absolute; left:480px; top:355px; }
img.mail { position:relative; top:9px }
span.kontakt { position:relative; top:-13px }
div#Kontakt-Lukas { position:absolute; left:150px; top:210px; }
div#Kontakt-Esther { position:absolute; left:150px; top:365px; }
div#Kontakt-Irina { position:absolute; left:150px; top:505px; }Nochmals danke für eure Hilfe,
Sebastian-
hi,
hab deine seiten gerade versucht nachzubauen und hab jetzt erst verstanden, was genau du meinst.
versuch mal den body deiner hauptseiten zu ändern:
<body style="overflow:hidden">lg,
theresa-
Hat geklappt, tausend Dank Theresa!
Zwar hat der body-Befehl nicht gefruchtet, aber dasselbe in den entsprechenden Textbereich (zum Nachvollziehen: div.normal-b in ie-data.css) eingegeben, schon!
Vielen Dank & Grüße,
Sebastian
-
-
-