Hallo ...
...gleich vorab - ich kenne mich
nicht mit CSS aus.
Es geht u.a. um eine vertikale Bildlaufleiste rechts innerhalb eines mit diesem Code
- Code: Alles auswählen
<div style="width: BREITE; float: WO;">INHALT</div>
geteilten Inhaltsfeldes. Die Ansichten mit den Browsern Firefox und Safari
sind so, wie sie sein sollen. Es geht also um die
linke Seite des Inhaltsfeldes.
Aber so sieht das Elend im IE8 aus:
Und so mit Opera:
Das sind einige der Seiten, die mir diesen Kummer machen:
http://wir-in-panau.jimdo.com/was-geht- ... -fernthal/http://wir-in-panau.jimdo.com/was-geht- ... hle-steeg/Die Gesamtbreite des Inhaltsfeldes ist 620px.
Für die Laufleiste rechts habe ich 150 px genommen.
Für Text und Bild auf der linken Seite (in Tabelle) 450px.
Da bleibt ein Rest von 20px.
Ich habe gerade die Möglichkeit getestet mit einer
Tabellen-Breite (linke Seite) von 470 und 480px. Keine Änderung.
Das sind die Codes des zuerst genannten Links oben:
Der Code für die Bildlaufleiste:
- Code: Alles auswählen
<div style="width: 150px; float: right;"><!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
//<![CDATA[
<!--
var sliderwidth = 150; // Breite des Sliders
var sliderheight = 1630; // Höhe des Sliders
var slidespeed = 1; // Geschwindigkeit des Sliders
var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
var slidedir = "runter"; // Richtung - "hoch" oder "runter"
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;
/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i31.tinypic.com/4gn151.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i29.tinypic.com/16jjvyp.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i25.tinypic.com/j7co69.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i26.tinypic.com/2mn1z61.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i26.tinypic.com/15wdirb.jpg "><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i29.tinypic.com/3599uz6.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i25.tinypic.com/2ajz9z5.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i31.tinypic.com/1176wjc.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i25.tinypic.com/5mww8w.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i28.tinypic.com/xpatlc.jpg "><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i32.tinypic.com/25ibrki.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i25.tinypic.com/2mnrypd.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i26.tinypic.com/1zpqihj.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i25.tinypic.com/9to01h.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i26.tinypic.com/10z68eo.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i25.tinypic.com/2dtc7pd.jpg"><\/a><\/div><img width="150px" height="4px" />';
leftrightslide[i++] = '<div><a href=""><img width="150px" height="92px" src="http://i32.tinypic.com/34isjmw.jpg"><\/a><\/div><img width="150px" height="4px" />';
/* AB HIER NICHTS MEHR ÄNDERN */
//leftrightslide = '<nobr>' + leftrightslide.join("") + '<\/nobr>';
leftrightslide = leftrightslide.join("");
var iedom = document.all || document.getElementById;
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;left:-100px;top:-3000px">' + leftrightslide + '<\/span>');
var actualheight = '';
var cross_slide, ns_slide;
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
actualheight=document.all? cross_slide.offsetHeight : document.getElementById("temp").offsetHeight;
cross_slide2.style.top=actualheight+20+"px";
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
ns_slide.document.write(leftrightslide);
ns_slide.document.close();
actualheight=ns_slide.document.height;
ns_slide2.top=actualheight+20;
ns_slide2.document.write(leftrightslide);
ns_slide2.document.close();
}
if ( slidedir == "hoch" ) {
lefttime=setInterval("slidetop()",30);
} else {
lefttime=setInterval("slidedown()",30);
}
}
function slidetop(){
if (iedom){
if (parseInt(cross_slide.style.top)>(actualheight*(-1)+8))
cross_slide.style.top=parseInt(cross_slide.style.top)-copyspeed+"px";
else
cross_slide.style.top=parseInt(cross_slide2.style.top)+actualheight+"px";
if (parseInt(cross_slide2.style.top)>(actualheight*(-1)+8))
cross_slide2.style.top=parseInt(cross_slide2.style.top)-copyspeed+"px";
else
cross_slide2.style.top=parseInt(cross_slide.style.top)+actualheight+"px";
}
else if (document.layers){
if (ns_slide.top>(actualheight*(-1)+8))
ns_slide.top-=copyspeed;
else
ns_slide.top=ns_slide2.top+actualheight;
if (ns_slide2.top>(actualheight*(-1)+8))
ns_slide2.top=copyspeed;
else
ns_slide2.top=ns_slide.top+actualheight;
}
}
function slidedown(){
if (iedom){
if (parseInt(cross_slide.style.top)<(actualheight-8))
cross_slide.style.top=parseInt(cross_slide.style.top)+copyspeed+"px";
else
cross_slide.style.top=parseInt(cross_slide2.style.top)-actualheight+"px";
if (parseInt(cross_slide2.style.top)<(actualheight-8))
cross_slide2.style.top=parseInt(cross_slide2.style.top)+copyspeed+"px";
else
cross_slide2.style.top=parseInt(cross_slide.style.top)-actualheight+"px";
}
else if (document.layers){
if (ns_slide.top>(actualheight*(-1)+8))
ns_slide.top-=copyspeed;
else
ns_slide.top=ns_slide2.top+actualheight;
if (ns_slide2.top>(actualheight*(-1)+8))
ns_slide2.top=copyspeed;
else
ns_slide2.top=ns_slide.top+actualheight;
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
if (iedom){
document.write('<div style="position:relative;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;overflow:hidden">');
document.write('<div style="position:absolute;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;background-color:' + slidebgcolor +
'" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">');
document.write('<div id="test2" style="position:absolute;left:0;top:0"><\/div>');
document.write('<div id="test3" style="position:absolute;top:-1000;left:0"><\/div>');
document.write('<\/div><\/div>');
}
else if (document.layers){
document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');
document.write('<layer name="ns_slidemenu2" left=0 top=0 onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed"><\/layer>');
document.write('<layer name="ns_slidemenu3" left=0 top=0 onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed"><\/layer>');
document.write('<\/ilayer>');
}
document.write('<\/td><\/table>');
}
}
//-->
//]]>
</script><br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/internet/anbieter/unitymedia.html" title="Unitymedia" target="_blank">Unitymedia</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=234">
</script><!-- präsentiert von kostenlose-javascripts.de --></div>
Und das der Code für die Texte/Bilder (in Tabellen) links neben der Bildlaufleiste:
- Code: Alles auswählen
<div style="width: 470px; float: left;">
<table border="0" width="470" align="left">
<tbody>
<tr>
<td style="text-align: left; width: 470px;"><!--IE-->
<div id="div_2723517810_add" class="hidden"><!-- lo --><img src="http://cdn.jimdo.com/s/img/cms/loading/16x16-cc.gif" alt="" width="16" height="16" /></div>
<h1 style="text-align: left;">Etscheid</h1>
<p class="unterzeile"><strong>Sendung vom 30.04.2007 - 18.45 Uhr - Ein Ortsporträt von<br /></strong></p>
<p class="unterzeile"><strong>Gudrun Fünter</strong></p>
</td>
</tr>
</tbody>
</table>
<table style="height: 150px;" border="0" width="470" align="left">
<tbody>
<tr>
<td style="height: 150px; width: 470px;" align="left" valign="top"><img id="image_2754589511" src="http://wir-in-panau.jimdo.com/s/cc_images/cache_1951580911.jpg?t=1253496154" alt="" width="470" height="274" /></td>
</tr>
</tbody>
</table>
<table border="0" width="470" align="left">
<tbody>
<tr>
<td>
<p><strong>Etscheid ist "ewig Jung".</strong> So steht es groß geschrieben und das ganze Jahr über am Bürgerhaus Etscheid. Karnevalsverein, Feuerwehr und Ortsgemeinde haben das Haus 1996 gemeinsam
gebaut. Und seitdem ist aus dem " ewig jungen" Haus jede Woche Karnevalsmusik zu hören: Die Garden der KG "Ewig Jung" proben das ganze Jahr über. Andere im größten Dorfverein überbrücken die
karnevalsfreie Zeit mit Volkstänzen. Man fühlt sich dem Rheinland zugehörig im Westerwalddorf Etscheid und vor allem dem rheinischen Karneval. Das Dorf, heute ein Ortsteil von Neustadt-Wied, hat 250
Einwohner. In früheren Zeiten war Etscheid Ziel zahlreicher Wallfahrten. Schließlich konnte die Antonius-Kapelle aus dem Jahr 1680 nicht immer alle Pilger gleichzeitig aufnehmen, besonders wenn
mehrere Prozessionen gleichzeitig ankamen. So wurde vorübergehend sogar ein zweiter Ausgang geschaffen, durch den die Pilger wieder ausziehen konnten. Heute ist es rund um die schmucke Kapelle -
außerhalb der Karnevalszeit- eher ruhig. Etscheid ist eine Wohngemeinde, in der aber eifrig gearbeitet wird. Im Industriegebiet sucht Metallbearbeiter Hennecke ständig neue qualifizierte
Mitarbeiter.<br />
Und auch im Dorf selbst wird zugepackt: Francesco Galluzo stellt vorzügliches italienisches Eis her, und Peter Kahrl entwirft ausgefallene Illustrationen für Magazine und Buchverlage. Außerdem
verändert er Bücher zu Kunstobjekten. Viel Arbeit macht sich auch der Rentner Franz Thiel, der einen ausgefallenen Park angelegt hat ganz in der Nähe vom Bürgerhaus "Ewig Jung" und dem Etscheider
"Prinzeneck".</p>
<p><a href="http://www.swr.de/landesschau-rp/hierzuland/-/id=100766/did=2357512/pv=video/gp1=2357512/nid=100766/1e128ra/index.html" target="_blank">http://www.swr.de/landesschau-rp/hierzuland/-/id=100766/did=2357512/pv=video/gp1=2357512/nid=100766/1e128ra/index.html</a></p>
</td>
</tr>
</tbody>
</table>
<p> </p>
</div>
<div style="width: 470px; float: left;">
<p> </p>
<table border="0" width="470">
<tbody>
<tr>
<td><!--IE-->
<div id="div_2723517810_add" class="hidden"><!-- lo --><img src="http://cdn.jimdo.com/s/img/cms/loading/16x16-cc.gif" alt="" width="16" height="16" /></div>
<h1 style="text-align: left;">Fernthal</h1>
<p class="vidsendungvomam"><strong>Sendung vom Donnerstag, 13.3.2008 - 18.45 Uhr - <span id="rawtext_2682779010">Ein Ortsporträt von Gudrun Fünter</span></strong></p>
</td>
</tr>
</tbody>
</table>
<table border="0" width="470" align="left">
<tbody>
<tr align="left" valign="middle">
<td><img id="image_2754605811" src="http://wir-in-panau.jimdo.com/s/cc_images/cache_1951587411.jpg?t=1253516619" alt="" width="470" height="258" /></td>
</tr>
</tbody>
</table>
</div>
<p> </p>
<p> </p>
<p> </p>
<div style="width: 470px; float: left;">
<table border="0" cellpadding="0" width="470" align="left">
<tbody>
<tr>
<td>
<p><strong>90.000 Autofahrer</strong> auf der A3 passieren jeden Tag die Raststätte Fernthal oder die Autobahnpolizei Fernthal. So ist der Name "Fernthal" überregional bekannt, auch wenn das Dorf "im
fernen Tal" von der A 3 aus nicht zu sehen ist. Merkwürdig nur, dass die 520 Einheimischen kaum von "Fernthal" sprechen, sondern meist von "Dreischläg" - und das seit fast 400 Jahren! Im 30-jährigen
Krieg soll eine Glocke, die wie von Geisterhand dreimal geschlagen wurde, die Dorfbewohner vor herannahenden, marodierenden schwedischen Truppen gewarnt haben. So konnten die Fernthaler noch
rechtzeitig fliehen. Die Dankbarkeit hält bis heute an: Das Dorfwappen zeigt drei Glocken, ein großer Gasthof im Ort heißt "Dreischläger Hof" und selbst das im Jahr 2006 eröffnete Bürgerhaus wurde
"Bürgerzentrum Dreischläg" genannt.<br />
Dank seiner Kirche, dem Bürgerzentrum, dem Gasthof und einigen Geschäften ist Fernthal der Mittelpunkt umliegender Ortschaften und heute einer von 56 Ortsteilen der Westerwald-Gemeinde Neustadt-Wied.
Sportvereine, Feuerwehr, Spielmannszug und Schützengilde haben sich zum Vereinsring zusammengeschlossen und gestalten die Kirmes, St. Martin oder den Karneval im Ort.<br />
Mit 500 Mitarbeitern größter Arbeitgeber ist die M+C Schiffer GmbH. Das Unternehmen ist der bedeutendste Zahnbürstenhersteller Europas. Eine Million Zahnbürsten werden hier täglich gepresst und
verpackt. Schiffer ist Hersteller für Dr. Best, Unilever und andere, die sich auf Entwicklung, Marketing und Vertrieb spezialisiert haben und nicht selbst produzieren. Hochmoderne, international
wettbewerbsfähige Produktion prägt das Gewerbegebiet Fernthal - eher gemütliche Werkstätten, wie ein kleiner Schusterbetrieb, prägen das Dorf Dreischläg. "Dreischläg" sagen die Einheimischen, wenn
sie das alte Dorf meinen, die Vereine oder das Miteinander. Fernthal ist eher der Begriff für einen Ort an der Autobahn, der genannt wird, wenn die Autobahnpolizei Unfälle meldet.</p>
<p><a href="http://www.swr.de/landesschau-rp/hierzuland/-/id=100766/did=3116966/pv=video/gp1=3280218/nid=100766/1md5iex/index.html" target="_blank">http://www.swr.de/landesschau-rp/hierzuland/-/id=100766/did=3116966/pv=video/gp1=3280218/nid=100766/1md5iex/index.html</a></p>
</td>
</tr>
</tbody>
</table>
<p> </p>
</div>
Wie könnte ich denn das repariert bekommen?
LG
dani
Frage stellen
