Suchfunktion
Erfahrenes Mitglied
Hallo,
ich habe ein Problem mit meinen DIV's und CSS.
<<Hier anzusehen>> (Es geht um den großen Textbereich in der Mitte.)
Internetexplorer -> Macht einen Scrollbalken. (So soll es sein!)
Opera -> Vergroessert den DIV-Bereich
(Ja, es handelt sich hier um mehrere Umbrueche, ich wollte euch das nurmal veranschaulichen auf der Seite. Das kein text dort steht ist okay so!)
Um den Textbereich liegt ein <div id="content">...</div>, und im css ist folgendes hinterlegt:
Wieso macht Opera das nicht?
Theoretisch sollte es doch laufen!?
Help..
P.S.:
Hier mein Quellcode
Der wichtige Teil ist dieser hier:
P.P.S:
Es hat nichts damit zu tun, dass es auf Typo3 basiert.
Ich muss nur wissen wo mein Denkfehler liegt, dann kann ich es problemlos beseitigen.
P.P.P.S:
Im Netscape funktioniert es auch.
ich habe ein Problem mit meinen DIV's und CSS.
<<Hier anzusehen>> (Es geht um den großen Textbereich in der Mitte.)
Internetexplorer -> Macht einen Scrollbalken. (So soll es sein!)
Opera -> Vergroessert den DIV-Bereich

(Ja, es handelt sich hier um mehrere Umbrueche, ich wollte euch das nurmal veranschaulichen auf der Seite. Das kein text dort steht ist okay so!)
Um den Textbereich liegt ein <div id="content">...</div>, und im css ist folgendes hinterlegt:
Code:
DIV#content {
height: 430px;
padding-left: 15px;
overflow-x: hidden;
overflow-y: scroll;
}
Wieso macht Opera das nicht?
Theoretisch sollte es doch laufen!?
Help..
P.S.:
Hier mein Quellcode
HTML:
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--
This website is brought to you by TYPO3 - get.content.right
TYPO3 is a free open source Content Management Framework created by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2005 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://www.typo3.com
-->
<base href="http://mult54famsbet.webchance2.webchance.de/" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="fileadmin/template/amsbet/css/stylesheet.css" rel="stylesheet" type="text/css" />
<meta name="robots" content="index.follow" />
<link rel="schema.dc" href="http://purl.org/metadata/dublin_core_elements" />
<title>myversicherungen.com / betreuung</title>
<meta name="generator" content="TYPO3 3.8 CMS" />
<script type="text/javascript">
/*<![CDATA[*/
<!--
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror") {version = "n3";} else {version = "n2";}
// Blurring links:
function blurLink(theObject) { //
if (msie4) {theObject.blur();}
}
// -->
/*]]>*/
</script>
</head>
<body bgcolor="#FFFFFF">
<br>
<table width="985" border="0" cellpadding="0" cellspacing="0" align="center">
<!--DWLayoutTable-->
<tr>
<td width="115" height="19" valign="top" background="fileadmin/template/amsbet/images/left_01.jpg"><!--DWLayoutEmptyCell--> </td>
<td width="789" rowspan="2" valign="top"><img src="fileadmin/template/amsbet/images/header_amsbetvkg.jpg" width="789" height="129"></td>
<td width="79" rowspan="5" valign="top"><img src="fileadmin/template/amsbet/images/logo_amsbet_myversicherungen.jpg" width="62" height="379"></td>
<td width="2"> </td>
</tr>
<tr>
<td rowspan="4" valign="top"><table width="100%" height="612" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="115" height="610" valign="top" id="menu_1"><a href="vkg.html" onfocus="blurLink(this);"><img src="typo3temp/menu/b2a925c34e.gif" width="110" height="50" border="0" alt="betreuung" /></a><a href="vkg/n-e-w-s.html" onfocus="blurLink(this);"><img src="typo3temp/menu/cd6af26de2.gif" width="110" height="21" border="0" alt="N E W S" /></a><a href="vkg/wissenswertes.html" onfocus="blurLink(this);"><img src="typo3temp/menu/8892895e88.gif" width="110" height="21" border="0" alt="Wissenswertes" /></a><a href="vkg/16-gruende.html" onfocus="blurLink(this);"><img src="typo3temp/menu/e27372b86d.gif" width="110" height="21" border="0" alt="15 Gründe" /></a><a href="vkg/arbeitsweisen.html" onfocus="blurLink(this);"><img src="typo3temp/menu/bf36ec2837.gif" width="110" height="21" border="0" alt="Arbeitsweisen" /></a><a href="vkg/spezial-konzepte.html" onfocus="blurLink(this);"><img src="typo3temp/menu/b6a5a482a9.gif" width="110" height="21" border="0" alt="Spezial-Konzepte" /></a><a href="vkg/versicherungen.html" onfocus="blurLink(this);"><img src="typo3temp/menu/c69d742bd5.gif" width="110" height="21" border="0" alt="Versicherungen" /></a><a href="vkg/schadenservice.html" onfocus="blurLink(this);"><img src="typo3temp/menu/19eb769e26.gif" width="110" height="21" border="0" alt="Schadenservice" /></a><a href="vkg/investment.html" onfocus="blurLink(this);"><img src="typo3temp/menu/35f4581fab.gif" width="110" height="21" border="0" alt="Investment" /></a><a href="vkg/suche.html" onfocus="blurLink(this);"><img src="typo3temp/menu/dcd4e76e35.gif" width="110" height="21" border="0" alt="Suche" /></a><a href="vkg/kontakt.html" onfocus="blurLink(this);"><img src="typo3temp/menu/a77b368022.gif" width="110" height="21" border="0" alt="Kontakt" /></a></td>
</tr>
<!--DWLayoutTable-->
</table></td>
<td height="110"> </td>
</tr>
<tr>
<td height="19" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="789" height="19" valign="top" id="ROOTLINEMENU_CELL"><!--###ROOTLINEMENU_CELL### begin --> <div id="ROOTLINEMENU">
Sie befinden sich hier: betreuung </div><!--###ROOTLINEMENU_CELL### end --></td>
<td width="187" valign="top" id="root_dir_right"><!--###root_dir_right### begin --> <div align="right">
<img src="fileadmin/template/amsbet/images/path_01_right.jpg" width="187" height="19" border="0" usemap="#Map3">
</div><!--###root_dir_right### end --></td>
</tr>
</table></td>
<td> </td>
</tr>
<tr>
<td height="46" valign="top"><img src="fileadmin/template/amsbet/images/path_02.jpg" width="789" height="46" border="0" usemap="#Map"></td>
<td> </td>
</tr>
<tr>
<td height="437" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0" background="fileadmin/template/amsbet/images/middle01.jpg" id="middle">
<!--DWLayoutTable-->
<tr>
<td width="789" height="437" valign="top"><div id="content">
<!-- CONTENT ELEMENT, uid:150/text [begin] -->
<a name="150"></a>
<!-- Text: [begin] -->
<p style="margin-bottom: 12pt;" class="bodytext"><font face="Verdana,Arial,sans-serif" color="#003300" size="4"><b><font color="#000000">Quo </font>Vadis ? <font size="2"> oder</font> <a href="vkg/n-e-w-s.html" target="_top"><span style="text-decoration: underline;">N E W S</span></a><br><font color="#000000">Wohin</font> geht der Weg ?</b></font></p><ul type="disc"><li style="line-height: 150%;"><font size="2" color="#000000"><span>Die Lage ist <strong>schwierig</strong> und sie wird schwieriger....<br /></span></font></li><li style="line-height: 150%;"><font size="2" color="#000000"><span>Die Versicherer haben herbe <strong>Umsatzrückgänge bis zu 80%</strong> und <strong>3 Millionen Kündigungen</strong> zu verzeichnen.<br />Die Vertreter werden von den Versicherern <em>massivst </em>unter Umsatz-Druck gesetzt, <br />der durch mehr oder weniger sinnige Verkäufe an die Kunden weitergegeben wird.</span></font></li></ul><p style="line-height: 150%;" class="bodytext"><b><font color="#000000"><span style="font-size: 10pt; line-height: 150%; font-family: Verdana;"> Unter <a href="vkg/wissenswertes.html" target="_top"><font color="#003300">Wissenswertes</font></a><font color="#003300"> </font>haben wir einige interessante Fakten zusammengetragen.<br><br><br></span></font></b></p>
<p style="line-height: 150%;" class="bodytext"><b><font color="#000000"><span style="font-size: 10pt; line-height: 150%; font-family: Verdana;"></span></font></b><b><font color="#000000"><span style="font-size: 10pt; line-height: 150%; font-family: Verdana;"></span></font></b></p>
<p style="line-height: 150%;" class="bodytext"><b><font color="#000000"><span style="font-size: 10pt; line-height: 150%; font-family: Verdana;"></span></font></b><b><font color="#003300" size="4"><font color="#000000">Warum </font>Versicherungsbetreuung ?</font></b></p><ul type="disc"><li><font color="#000000"><span><font size="2">für <strong>kundenorientierte</strong>, produktneutrale, Versicherer- und Provisions-unabhängige <strong>Beratung.</strong></font></span></font></li></ul><p class="bodytext"><font color="#000000" size="2"></font></p><ul type="disc"><li><font size="2" color="#000000"><span>für <strong>kompetente Hilfe</strong> und <strong>Unterstützung</strong>.</span></font></li></ul><p class="bodytext"><font color="#000000" size="2"></font></p><ul type="disc"><li><span><font size="2" color="#000000">für <strong>ehrliche Antworten</strong> auf Ihre Fragen<strong>.<br /><br /></strong></font></span></li><li><span><font size="2" color="#000000"><strong>..... <br /></strong></font></span></li></ul><p class="bodytext"><span style="font-size: 13.5pt; color: rgb(0, 51, 0); font-family: Verdana;"><a href="vkg/16-gruende.html" target="_top"><b><font color="#000000">15 Gründe</font><font color="#003300"> unser Mandant zu werden</font></b></a><b> </b></span>
</p>
<p class="bodytext"><font color="#003333"></font>
</p>
<p class="bodytext"> </p>
<p class="bodytext"> </p>
<p class="bodytext"> </p>
<p class="bodytext"> </p>
<p class="bodytext"> </p>
<p class="bodytext"> </p>
<p class="bodytext"> </p>
<!-- Text: [end] -->
<!-- CONTENT ELEMENT, uid:150/text [end] -->
</div></td>
</tr>
<!--DWLayoutTable-->
</table></td>
<td> </td>
</tr>
<tr>
<td height="19"></td>
<td valign="top"><img src="fileadmin/template/amsbet/images/bottom_vkg.jpg" width="789" height="19"></td>
<td></td>
<td></td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="724,3,748,25" href="index.php?id=sm_vkg">
<area shape="rect" coords="648,1,671,25" href="index.php?id=vkg">
<area shape="rect" coords="760,5,783,25" href="mailto:myverischerungen%3Cservice@myversicherungen.com%3E?subject=Anfrage-eMail%20an%20myversicherungen">
<area shape="rect" coords="685,4,709,25" href="/vkg/print">
</map>
<map name="Map3">
<area shape="rect" coords="2,2,63,19" href="index.php?id=impressum_vkg">
<area shape="rect" coords="76,2,182,18" href="index.php?id=haftung_vkg">
</map>
</body>
</html>
Der wichtige Teil ist dieser hier:
HTML:
<td width="789" height="437" valign="top"><div id="content">
<!-- CONTENT ELEMENT, uid:150/text [begin] -->
<a name="150"></a>
<!-- Text: [begin] -->
<p style="margin-bottom: 12pt;" class="bodytext"><font face="Verdana,Arial,sans-serif" color="#003300" size="4"><b><font color="#000000">Quo </font>Vadis ? <font size="2"> oder</font> <a href="vkg/n-e-w-s.html" target="_top"><span style="text-decoration: underline;">N E W S</span></a><br><font color="#000000">Wohin</font> geht der Weg ?</b></font></p><ul type="disc"><li style="line-height: 150%;"><font size="2" color="#000000"><span>Die Lage ist <strong>schwierig</strong> und sie wird schwieriger....<br /></span></font></li><li style="line-height: 150%;"><font size="2" color="#000000"><span>Die Versicherer haben herbe <strong>Umsatzrückgänge bis zu 80%</strong> und <strong>3 Millionen Kündigungen</strong> zu verzeichnen.<br />Die Vertreter werden von den Versicherern <em>massivst </em>unter Umsatz-Druck gesetzt, <br />der durch mehr oder weniger sinnige Verkäufe an die Kunden weitergegeben wird.</span></font></li></ul><p style="line-height: 150%;" class="bodytext"><b><font color="#000000"><span style="font-size: 10pt; line-height: 150%; font-family: Verdana;"> Unter <a href="vkg/wissenswertes.html" target="_top"><font color="#003300">Wissenswertes</font></a><font color="#003300"> </font>haben wir einige interessante Fakten zusammengetragen.<br><br><br></span></font></b></p>
<p style="line-height: 150%;" class="bodytext"><b><font color="#000000"><span style="font-size: 10pt; line-height: 150%; font-family: Verdana;"></span></font></b><b><font color="#000000"><span style="font-size: 10pt; line-height: 150%; font-family: Verdana;"></span></font></b></p>
<p style="line-height: 150%;" class="bodytext"><b><font color="#000000"><span style="font-size: 10pt; line-height: 150%; font-family: Verdana;"></span></font></b><b><font color="#003300" size="4"><font color="#000000">Warum </font>Versicherungsbetreuung ?</font></b></p><ul type="disc"><li><font color="#000000"><span><font size="2">für <strong>kundenorientierte</strong>, produktneutrale, Versicherer- und Provisions-unabhängige <strong>Beratung.</strong></font></span></font></li></ul><p class="bodytext"><font color="#000000" size="2"></font></p><ul type="disc"><li><font size="2" color="#000000"><span>für <strong>kompetente Hilfe</strong> und <strong>Unterstützung</strong>.</span></font></li></ul><p class="bodytext"><font color="#000000" size="2"></font></p><ul type="disc"><li><span><font size="2" color="#000000">für <strong>ehrliche Antworten</strong> auf Ihre Fragen<strong>.<br /><br /></strong></font></span></li><li><span><font size="2" color="#000000"><strong>..... <br /></strong></font></span></li></ul><p class="bodytext"><span style="font-size: 13.5pt; color: rgb(0, 51, 0); font-family: Verdana;"><a href="vkg/16-gruende.html" target="_top"><b><font color="#000000">15 Gründe</font><font color="#003300"> unser Mandant zu werden</font></b></a><b> </b></span>
</p>
<p class="bodytext"><font color="#003333"></font>
</p>
<p class="bodytext"> </p>
<p class="bodytext"> </p>
<p class="bodytext"> </p>
<p class="bodytext"> </p>
<p class="bodytext"> </p>
<p class="bodytext"> </p>
<p class="bodytext"> </p>
<!-- Text: [end] -->
<!-- CONTENT ELEMENT, uid:150/text [end] -->
</div></td>
P.P.S:
Es hat nichts damit zu tun, dass es auf Typo3 basiert.
Ich muss nur wissen wo mein Denkfehler liegt, dann kann ich es problemlos beseitigen.
P.P.P.S:
Im Netscape funktioniert es auch.
Zuletzt bearbeitet: