[Darstellungsfehler] Probleme IE6 und FF

[erich1903]

Hi,

habe versucht meine HP neu zu gestalten mit CSS.
wollte die Linke Menue-Seite gerne fest stehend haben, die rechte Seite mit dem Inhalt soll scrollen.

Ich selbst habe leider nur IE7 und da funzt es eigentlich recht ordentlich.
Nun wurde mir aber mitgeteilt:, daß im
IE6 der Hintergrund auf der linken Seite nicht bis runter geht. (damit kann ich zwar im Notfall leben), aber es fehlt bei der rechten Seite der Scrollbalken!

Im FF geht dafür der Hintergrund auf der linken Seite über das Seiten-Ende hinaus.

hier der Link zur Testseite:
http://home.arcor.de/deschner-clan/

Falls jemand Abhilfe weiß, bedanke ich mich schon mal ganz herzlich - bin halt Anfänger und quäle mich noch Recht durch das Dickicht

[Sascha79]

Zitat von erich1903

Im FF geht dafür der Hintergrund auf der linken Seite über das Seiten-Ende hinaus.

In Opera und IE7 geht der Hintergrund auch über das Seitenende hinaus.
Kannst du vielleicht mal deinen Text posten damit man sich das mal näher ansehen kann?

[erich1903]

Hallo Sascha,
danke für die Mühe. Meinst Du mit Text posten: den CSS-Code?
(Sorry bin Anfänger )
Hier mal der Code:

/* CSS Document */
/*allgemeine Definition*/
/*alle Maßeinheiten auf Null*/
html, body, h1, h2, h3, h4, h5, h6, div, p {margin:0;padding:0;}
/*font*/
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-family: Georgia, "Times New Roman", Times, serif;margin-top: 1.5em;margin-bottom: 0.125em;color: #8F8502;letter-spacing: .025em;}
h1 {font-size: 2.5em;margin:0 0 20px 0;padding: 0;height:60px;}
h2 {margin-top: 0;margin-bottom: .25em; font-size: 1.8em;letter-spacing: .025em;}
/*Grundgerüst*/
body {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 100.01%;text-align:center;background-color:#F7F1E6;}
img {border:0;}/*setzt alle img auf border=0*/
.opacity {behavior: url(iepngfix.htc); float:left;}/*fixt IE6/5.5 png-file*/
.floatl{ float:left;}
.center {text-align:center;}
p { margin:0 10px 10px; text-align:justify;}
a {color: #8F8502;}
a:hover { color:#434A06;}

#wrap{
text-align:left;
width:960px;
margin:0 auto;
background-color:#F3ECDC;
border-right:#993300 5px solid;}
/* Linke Seite */
#fixiert {
position: absolute;
top: 0px;
width: 200px;
margin: 0 auto;
padding: 0px;
height:100%;
background: #993300; }
html>body #fixiert {/* nur fuer moderne Browser! */
position: fixed;}

/* Rechte Seite */
#content {
width:760px;
margin-left: 200px;
}
#header {
background-image:url(../Graphik/HPsign/header760web.jpg);
height: 120px;
width: 760px;
border-top:#993300 1px solid;}
#inhalt {
min-height:380px;
width:720px; padding:20px; margin-bottom: 20px;
height: 100%;}
#inhalt p {line-height:1.4;}/*Zeilenhöhe für Absätze im Inhalt zur besseren Lesbarkeit*/
/*Navigation horizontal*/
#menuho {
width:760px;
height:1.8em;
background-color:#993300;
padding:0;
margin:0;}
ul.menuo {
list-style-type:none;
text-align:center;
width:759px;
height:1.8em;
margin:0;
padding:0;
background:url(../Graphik/HPsign/top_grad_2.gif) center center;
border-left:1px solid black; border-top:2px solid #993300;
}
ul.menuo li {float:left; width:107px; border-right:1px solid black;}
ul.menuo a, .menuo a:visited {
display:inline;font:0.9em/1.6em Verdana, Arial, Helvetica, sans-serif; text-decoration:none;
width:107px;
color: #FFFFFF;}
ul.menuo a:hover {color:#fff;font-weight: bold; height:1.8em;
width:107px;}
/*Footer*/
#footer {
clear:both;
height: 1.2em; margin-top: -1.2em;
background:#993300;
color: #FFF;
text-align:center;
width:100%;
line-height:1.2em;
list-style-type:none;
padding:0.2em 0;}
#footer ul { list-style:none; display:inline;}
#footer ul li { display:inline; padding:0 80px;}
#footer ul li a{text-decoration: none;color: #fff; padding-right:20px; }
/* Navigation linke Seite */
#navigation{
width: 200px;
margin: 0;
padding: 0;
top: 120px;}
ul.menu, ul ul {padding:0; margin:0; list-style-type:none; height:24em;
overflow:hidden; width:199px; text-align:left;}
ul.menu table {border-collapse:collapse; padding:0; margin:0; font-size:0.9em;}
ul.menu ul {margin-left:1px; background:#CC0000 url(../Graphik/HPsign/top_grad_2.gif) center center; color:#FFFFFF; }
ul.menu li {text-indent:0.5em;}
ul.menu li.drop {margin-bottom:-2px;}
ul.menu li a,
ul.menu li a:visited {
display:block;
margin-left:1px;
width:199px;
height:1.8em;
text-decoration:none;
color:#F8F1E7;
font: 0.9em/1.6em Verdana, Arial, Helvetica, sans-serif;
background:#CC0000 url(../Graphik/HPsign/top_grad_2.gif) center center; color:#FFFFFF;}
ul.menu li a.one,
ul.menu li a.one:visited {display:block; width:199px; height:1.8em; line-height:1.6em;}
ul.menu li a.last,
ul.menu li a.last:visited {display:block; width:199px; height:8em; line-height:1.6em;}
ul.menu li ul {display:none;}
ul.menu li:hover a,
ul.menu li a:hover {border:0; color:#FFFFFF; font-weight:bold; }
ul.menu li:hover ul,
ul.menu li a:hover ul {display:block; height:8em; width:195px; margin-top:-1px; background:#FFFFCC url(../Graphik/HPsign/sub_grad_b.gif); }
ul.menu li:hover ul li a,
ul.menu li a:hover ul li a {height:1.8em; background:#FFFFCC url(../Graphik/HPsign/sub_grad_b.gif) ; color:#993300; font-weight:normal;}
ul.menu li:hover ul li:hover a,
ul.menu li a:hover ul li a:hover {background:#993300; color:#FFFFFF;}
/* Tabellen */
#news, #links, #reisen {width:95%; border: 1px dotted #8F8502;border-collapse: collapse;margin: 20px;padding: 0px;}
#news, #reisen td {border-bottom: 1px dotted #8F8502; padding: 5px; display: block; line-height: 1.4em; }
#date{background: url(../Graphik/HPsign/list.png) no-repeat left;}
#size, #uebers {width: 100%; text-align: center; border: 1px dotted #8F8502;border-collapse: collapse;}
#size, #uebers, #links td { border: 1px dotted #8F8502; }
#size, #links, #uebers tr {text-align:left;border: 1px dotted #8F8502;border-collapse: collapse;padding: 2px; line-height: 1.5em;}
#sizebg{background:url(../Graphik/HPsign/list.png) no-repeat left;behavior: url(iepngfix.htc); font-weight: bold;}
#tag {margin: 0 auto; border-collapse: collapse; color:#FFFFFF; border: 1px dotted #8F8502; background: #993300; font-size: 0.7em;}
#tag td {border: 1px dotted #8F8502; padding : 0.3em; color: #FFFFFF;}
#gast {width : 100%;border: 1px dotted #8F8502; background: transparent;
min-height : 28em;
height : 100%;
overflow: auto;}
table.staat {
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
background: url(../Graphik/HPsign/hgleder2.jpg) repeat;
border: 5px groove;
margin: 0px;
padding: 0px;}
/*Rahmen*/
.foto{border:6px ridge #FF6633;}
/* Sprunglink in den Webdesignlinks */
.Top { margin: 20px;padding: 5px 7px 5px 20px;background-position: 0 -5px;text-decoration: underline; background:url(../Graphik/HPsign/top.gif) no-repeat;}
.Top {background-position: 0 -5px;}

#menurb{
width:95%;
height:1.8em;
padding:0;
margin:0; }
ul.menurb {
list-style-type:none;
text-align:center;
width:665px;
height:1.8em;
margin:0;
padding:0;
background:url(../Graphik/HPsign/top_grad_2.gif) center center;
border-left:1px solid black; border-top:2px solid #993300;}
ul.menurb li {float:left; width:220px; border-right:1px solid black;}
ul.menurb a, .menuo a:visited {
display:inline;font:0.9em/1.6em Verdana, Arial, Helvetica, sans-serif; text-decoration:none;
width:220px;
color: #FFFFFF;}
ul.menurb a:hover {color:#fff;font-weight: bold; height:1.8em;
width:220px;}
/* Float */
.left {float:left}
.right {float:right}
.clear {clear: both;}

hoffe, das hilft.
Vielleicht habe ich bei selfthtml auch was falsch verstanden, speziell hier:

<link href="CSS/style.css" rel="stylesheet" type="text/css">
<!--[if lt IE 7]><style type="text/css">
@media screen {
html, body {
height: 100%; overflow-y: hidden;
}
#scrollbereich {
height: 100%; width: 100%; overflow: auto;
}
#content {
position: static;
}
}
</style><![endif]-->

hier noch der ganze Qelltext:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/vorlage.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Deschner E+B </title>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="de">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="author" content="Brigitte Deschner">
<meta name="robots" content="index,follow">
<!-- InstanceBeginEditable name="EditRegion3" -->
<meta name="description" content="USA-Reise Homepage mit Info und Reiseberichten">
<meta name="keywords" content="USA, Amerika, USA-Ost, USA-West, Canada, Kanada, USA-Suedwest ">
<!-- InstanceEndEditable -->
<link href="CSS/style.css" rel="stylesheet" type="text/css">
<!--[if lt IE 7]><style type="text/css">
@media screen {
html, body {
height: 100%; overflow-y: hidden;
}
#scrollbereich {
height: 100%; width: 100%; overflow: auto;
}
#content {
position: static;
}
}
</style><![endif]-->
<link rel="stylesheet" href="CSS/lightbox.css" media="screen" >
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>

<body>
<div id="wrap">
<div id="scrollbereich"> <!-- wird erst fuer den folgenden Workaround benoetigt -->
<div id="content"><!-- Beginn rechte Seite -->
<div id="header">
<div align="right"><a href="http://www.andyhoppe.com/" title="Counter">
<img src="http://www.andyhoppe.com/count/?id=1212848937" alt="Counter" style="border:none"></a>
</div>
</div><!-- Ende Header -->
<div id="menuho"><!-- Beginn Menue oben -->
<ul class="menuo">
<li><a href="news.htm">NEWS</a></li>
<li><a href="nogo">&nbsp;</a></li>
<li><a href="nogo">&nbsp;</a></li>
<li><a href="nogo">&nbsp;</a></li>
<li><a href="uns.htm">&Uuml;BER UNS</a></li>
<li><a href="impressum.htm">IMPRESSUM</a></li>
<li><a href="gast.htm">G&Auml;STEBUCH</a></li>
</ul>
</div><!-- Ende Menu oben -->
<!-- InstanceBeginEditable name="inhalt" -->
<div id="inhalt">
<h1 class="center">Ein herzliches Gr&uuml;ss Gott</h1>
<p><img class="opacity" src="Graphik/HPsign/adler.png" alt="Adler" width="219" height="219">Auf vielen USA-Reisen konnten wir einiges Erleben und viele Erfahrungen sammeln, die wir hier festhalten wollen.
Vielleicht findest Du als Leser aber auch ein paar praktische Tipps f&uuml;r die eigene Reiseplanung. Da ich meine HP neu gestalte findest Du hier im Moment nur eine Testseite mit dem Beginn des Reiseberichts vom Dezember 2007. Die vorherigen Reiseberichte findest Du noch auf unserer bisherige <a href="http://home.arcor.de/diedeschi/" target="_blank" >Homepage</a>. Wenn es Dir gefallen hat - Du Vorschl&auml;ge, bzw. Fehler gefunden hast - schreib doch ein paar Zeilen. Wir freuen uns &uuml;ber einen Eintrag im</p>
<p class="center"><img src="http://home.arcor.de/deschner-clan/Graphik/HPsign/gbook.gif" alt="G&auml;stebuch" width="105" height="87"></p>
<p class="center"><a href="gast.htm">G&auml;stebuch.</a></p>
</div>
<!-- Ende Inhalt -->
<!-- InstanceEndEditable --></div>
<!-- Ende Scrollbereich -->
<div id=footer><!-- Beginn Footer -->
<ul>
<!-- InstanceBeginEditable name="Update" -->
<li>Letztes Update: 04.10.2008</li>
<!-- InstanceEndEditable -->
<li>&copy;Brigitte Deschner</li>
</ul>
</div><!-- Ende Footer -->

</div><!-- Ende rechte Seite -->

<!-- Beginn linke Seite -->
<div id="fixiert"> <!-- verhindert auch Anzeigefehler einer fixierten ul -->
<div id="navigation">
<img src="Graphik/HPsign/logo_hp.gif" alt="Logo" width="200" height="120">
<ul class="menu">
<li><a class="one" href="index.htm">HOME</a></li>
<li class="drop"><a href="Info_usa/info_usa.htm">INFO USA
<!--[if IE 7]><!--></a><!--<![endif]-->
<table><tr><td>
<ul>
<li><a href="Info_usa/allgem_reiseinfo.htm">R-Vorbereitung/allg.Infos</a></li>
<li><a href="Info_usa/usa-staat.htm">Die 50 USA-Staaten</a></li>
</ul></td>
</tr>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li class="drop"><a href="Unsere_reisen/uns_reisen.htm">UNSERE REISEN<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<table>
<tr>
<td>
<ul>
<li><a href="Unsere_reisen/statemap.htm">USA-Reisen Map</a></li>
<li><a href="Unsere_reisen/divusaurl.htm">USA-Reisen + Reiseberichte</a></li>
</ul></td>
</tr>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li class="drop"><a href="Links/links.htm">LINKS
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<table>
<tr>
<td>
<ul>
<li><a href="Links/links_flug.htm">Flug-Auto-Unterkunft</a></li>
<li><a href="Links/links_shop.htm">Shopping</a></li>
<li><a href="Links/links_usaforen.htm">USA-Foren</a></li>
<li><a href="Links/links_hpusa.htm">interessante Homepages</a></li>
<li><a href="Links/links_hphilfen.htm">Homepage-Hilfen</a></li>
</ul></td>
</tr>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li>
</ul>
</div><!-- Ende fixiert links -->
</div><!-- Ende Navigation links -->
</div><!-- Ende Wrap -->
</body>
<!-- InstanceEnd --></html>

Beim IE7 sieht es bei mir richtig aus!

Ganz herzlichen Dank für die Hilfe

[Sascha79]

Guten Morgen Erich,

also ich hab mich nach einer durchgemachten Nacht mal etwas durch deinen Text durchgewühlt. Folgendes konnte ich mit verschwomenem Blick noch erkennen.

Zu dem Probelm mit der überstehenden Navigationsleiste auf der linken Seite:

Bei #fixiert findest du height:100%;. Dies verursacht das deine linke Navi sich immer der Bildschirmhöhe anpasst. Also musst du in #fixiert die Höhe auf deine rechte Seite anpassen, die da zusammen wären #header{height:120px;} #menuho {height:1.8em;} und #inhalt {min-height:380px;} und #footer{height:1.2em;}. Allerdings steckt dies alles in einem #wrap drin und der ist auch auf height:100% gesetzt was eben wieder das selbe verursacht wie in #fixiert (passt sich der Bildschirmhöhe an). Und wenn der #inhalt wächst, sollte deine Navigation ja auch mitwachsen.

Also im Moment fällt mir keine Patentlösung ein und ich glaube das dieses Script für einen Anfänger auch sehr schwer zu handhaben ist, denn im Grund bin ich selbst noch einer.

Was du hier auf jeden Fall brauchst ist Geduld und Übung mit CSS. Dazu kann dir das hier helfen.

Ich gehe jetzt zuerstmal ins Bett und wenn ich dann ausgeschlafen habe, schaue ich mir das Script nochmal näher an.

Ach ja, schreib doch bitte den Quelltext in einen Code rein und nicht in ein Quote. Hier geht es zur BB-Code-List .

[erich1903]

Hi Sascha79,

vielen dank für den Link, aber ich wühle mich schon seit Wochen, durch div. Seiten, u.a. auch auf der genannten), sonst wäre ich ja garnicht so weit gekommen.
Vielleicht haperts an meinem Kleingehirn, daß ich wohl nicht alles richtig verstehe? (Hatte allerdings nie was mit Computer &Co zu tun, und bin erst nach BorisB überhaupt mal ins Netz "reingekommen")

Deshalb verzeih mir auch, daß ich das mit dem BB-Code nicht getan habe.

Mein Ansinnen war eigentlich nur eine HP zu erstellen, was mir ja auch geglückt war, wenn auch mit Frames und ich darauf recht stolz war. Auf den Hinweis div.Foren, wollte ich jetzt umstellen. Scheinbar wird das eine Lebensaufgabe...., bzw. frage ich mich obs nicht besser ist, es mit Tabellen-Layout zu versuchen?

[Sascha79]

Zitat von erich1903

Deshalb verzeih mir auch, daß ich das mit dem BB-Code nicht getan habe.

Also das ist wirklich kein Problem. Also auf Tabellen würde ich nicht umsteigen, da wird alles nur noch unübersichtlicher und nebenbei erwähnt ich finde das Layout super und mit etwas Geduld bekommen wir das auch hin.

Leider habe ich auch keinen IE6 zur Hand. Ein ganz grosses Problem ist, das man es halt nicht allen Browsern recht machen kann.

Ein kleiner Hinweis. Der IE6 kann min-height nicht interpretieren siehe auch Browserkombatibilität

Zu dem Problem mit dem Scrollbalken, ich konnte nirgends ein schliessendes Tag finden. Schau mal hier, nach dem Inhalt...

<div id="inhalt"> 
<h1 class="center">Ein herzliches Gr&uuml;ss Gott</h1>
<p><img class="opacity" src="Graphik/HPsign/adler.png" alt="Adler" width="219" height="219">Auf vielen USA-Reisen konnten wir einiges Erleben und viele Erfahrungen sammeln, die wir hier festhalten wollen. 
Vielleicht findest Du als Leser aber auch ein paar praktische Tipps f&uuml;r die eigene Reiseplanung. Da ich meine HP neu gestalte findest Du hier im Moment nur eine Testseite mit dem Beginn des Reiseberichts vom Dezember 2007. Die vorherigen Reiseberichte findest Du noch auf unserer bisherige <a href="http://home.arcor.de/diedeschi/" target="_blank" >Homepage</a>. Wenn es Dir gefallen hat - Du Vorschl&auml;ge, bzw. Fehler gefunden hast - schreib doch ein paar Zeilen. Wir freuen uns &uuml;ber einen Eintrag im</p>
<p class="center"><img src="http://home.arcor.de/deschner-clan/Graphik/HPsign/gbook.gif" alt="G&auml;stebuch" width="105" height="87"></p>
<p class="center"><a href="gast.htm">G&auml;stebuch.</a></p>
</div>
<!-- Ende Inhalt -->
<!-- InstanceEndEditable --></div>
<!-- Ende Scrollbereich -->

Wahrscheinlich liegt es daran, das im IE6 der Scrollbalken nicht zu sehen ist. Ich nehme an der FF ist hierso gütig und setzt das </div>. Probier es doch mal aus ob´s klappt.

[erich1903]

Hi Sascha 79,

lieb von Dir, daß Du es noch nicht aufgegeben hast, einem Anfänger unter die Arme zu greifen.

Ich denke, daß mit diesem

<!-- InstanceEndEditable --> </div>

der Scrollbereich geschlossen wird?

Ich habe den schlimmen Verdacht, daß ich irgendwie bei dem Workaround
was falsch gemacht habe - nur was=?

Als Grundlage habe ich mir dies angeschaut:
http://de.selfhtml.org/css/layouts/f...htm#definieren

Ich habe eine externe CSS-Datei angelegt. Diese dann im Head verlinkt.
Den Workaround habe ich dann im Head unter die verlinkte CSS-Datei geschrieben.

War das überhaupt richtig oder gehört dafür eine extra Datei angelegt?

Sitz irgendwie auf der Leitung, mit conditional comment ...

Vielen lieben Dank für die Hilfe

[Sascha79]

Hi Erich,

ich meinte eigentlich das hier....

<!-- Ende Scrollbereich -->

Füge hier doch noch ein </div> ein um deinen Scrollbereich zu schliessen.

In die Sache mit dem Workaround muss ich mich auch zuerst reinlesen.

[erich1903]

Hi,

das </div> ist doch da, steht dummerweise in der falschen Zeile, hinter <!-- InstanceEndEditable -->
(kann ich noch ändern, dürfte aber keine Auswirkungen haben.

<!-- InstanceEndEditable --> ist nur ein Kommentar, kein DIV.

[Sascha79]

...hast recht, hab kurz den Überblick verloren.

Du hast schwerwingende Dinge an deiner Site verändert. Denn jetzt ist sie nicht mehr mittig vom Bildschirm (oder ist das so gewollt?) und es ist gar nicht mehr möglich zu scrollen.

Was mir noch aufgefallen ist, da du das Problem ja mit dem IE6 hast: Ist diese Zeile.

<!--[if lt IE 7]><style type="text/css">

Hier hast du IE7 angegeben. In der Erläuterung bei selfhtml steht noch das hier:
Um diese (noch) ungültigen CSS-Angaben nur dem Internet Explorer 5 und 6 zugänglich zu machen, werden sie über einen conditional comment in der HTML-Datei eingebunden.

Les doch mal denn hier durch, vielleicht bekommst du es ja dann hin.

Blos nicht aufgeben. Das klappt schon noch.

[erich1903]

Hi,
1) hast wahrscheinlich gerade da reingeschaut, als ich was ausprobiert hatte hat aber nicht geklappt, jetzt ist wieder alles im Ur-Zustand.

2) <!--[if lt IE 7]><style type="text/css">

sagt doch soviel, wie kleiner als IE7, und ist dann doch für IE6 u IE5.

oder verstehe ich hier auch schon wieder nur Bahnhof?

3) Die genannte Seite hab ich mir schon durchgelesen, aber eben nicht verstanden.

Sitz irgendwie auf der Leitung, mit conditional comment ...

[Boris]

2) <!--[if lt IE 7]><style type="text/css">

sagt doch soviel, wie kleiner als IE7, und ist dann doch für IE6 u IE5.

Das ist korrekt so ... in der Hinsicht hat Sascha also unrecht.

[Sascha79]

sodele...

nachdem ich mich jetzt die ganze Nacht mit Browserweichen rumgeschlagen habe, versuch ich es ein letzes mal. Ich hab das jetzt auf meiner eigenen Site ausprobiert und so hat es auch geklappt. Ich hoffe das es bei dir auch klappt.

Versuch doch mal folgendes in head einzufügen.

 <!--[if IE]>

    <div id="fixiert"> <!-- verhindert auch Anzeigefehler einer fixierten ul -->
<div id="navigation">
<img src="Graphik/HPsign/logo_hp.gif" alt="Logo" width="200" height="120"> 
<ul class="menu">
<li><a class="one" href="index.htm">HOME</a></li>
<li class="drop"><a href="Info_usa/info_usa.htm">INFO USA
<!--[if IE 7]><!--></a><!--<![endif]-->
<table><tr><td>
<ul>
<li><a href="Info_usa/allgem_reiseinfo.htm">R-Vorbereitung/allg.Infos</a></li>
<li><a href="Info_usa/usa-staat.htm">Die 50 USA-Staaten</a></li>
</ul></td>
</tr>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li class="drop"><a href="Unsere_reisen/uns_reisen.htm">UNSERE REISEN<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<table>
<tr>
<td>
<ul>
<li><a href="Unsere_reisen/statemap.htm">USA-Reisen Map</a></li>
<li><a href="Unsere_reisen/divusaurl.htm">USA-Reisen + Reiseberichte</a></li>
</ul></td>
</tr>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li class="drop"><a href="Links/links.htm">LINKS
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<table>
<tr>
<td>
<ul>
<li><a href="Links/links_flug.htm">Flug-Auto-Unterkunft</a></li>
<li><a href="Links/links_shop.htm">Shopping</a></li>
<li><a href="Links/links_usaforen.htm">USA-Foren</a></li>
<li><a href="Links/links_hpusa.htm">interessante Homepages</a></li>
<li><a href="Links/links_hphilfen.htm">Homepage-Hilfen</a></li>
</ul></td>
</tr>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li> 
</ul>
</div>

  <!--[if IE]>

Ich versuch mal zu Erläutern wie ich das verstanden habe.
Also...,du hast ja das <div id="fixiert"> fixiert, d. h. das du für diesen Teil deines Scripts die Browserweiche stellen musst, da die IE´s vor IE7 fixed nicht interpretieren. Also habe ich jetzt eben diesen Teil in <!--[if IE]> <!--[if IE]> (sollte für alle IE´s gelten)eingefügt.

Ich hoffe das passt.

Und noch nebenbei erwähnt, in Opera sitzt das Layout nicht in der Mitte und es ist kein Scrollbalken vorhanden.

Bin halt leider auch noch kein Profi.

[erich1903]

Hi Sascha,

jetzt bin ich ganz irritiert

diese wenn IE für die Navi, steht doch in der html Datei.
Muß ich diese codes dann da rausnehmen?

das mit der fehlenden Scroll-Leiste bei Opera hab ich auch festgestellt, nachdem ich endlich mal bei browsershots durchkam.

Vielleicht weiß jemand hier Abhilfe? - oder hab ich in der falschen Rubrik gepostet?

[Sascha79]

Zitat von erich1903

diese wenn IE für die Navi, steht doch in der html Datei.
Muß ich diese codes dann da rausnehmen?

Nein du musst den Code nicht aus deinem HTMLdokument rausnehmen. Ich hab das einfach so gemacht das ich, eben diesen fixierten Bereich kopiert habe und in die Browserweiche eingefügt habe. Das heisst, du lässt ihn dort wo er ist, aber stellst ihn eben für IE ein zweites mal zur verfügung.

Wie gesagt, ich weiss nicht ob das die Ideallösung ist. Aber so hat´s bei mir wenigstens geklappt.

Das hier hab ich bei css4you gefunden.
Die Syntax ist <!--[if IE Version]> HTML <![endif]-->. Für Version setzt du die gewünschte Versionsnummer ein.

Kannst dir die Seite ja selbst mal anschauen. Workshop: Browserweiche.

/*edit. So anstrengend es auch ist, aber es macht auch Spass