DIV - Im IE korrekt, im Opera defekt.

Status
Nicht offen für weitere Antworten.

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:
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-->&nbsp;</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">&nbsp;</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">&nbsp;</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:&nbsp;&nbsp;&nbsp;betreuung&nbsp; </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>&nbsp;</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>&nbsp;</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 ?&nbsp;&nbsp;&nbsp;<font size="2">&nbsp;&nbsp; oder</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 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>,&nbsp;produktneutrale, Versicherer- und&nbsp;Provisions-unabhängige&nbsp;<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">&nbsp;</p>
<p class="bodytext">&nbsp;</p>
<p class="bodytext">&nbsp;</p>
<p class="bodytext">&nbsp;</p>
<p class="bodytext">&nbsp;</p>
<p class="bodytext">&nbsp;</p>
<p class="bodytext">&nbsp;</p>
		<!--  Text: [end] -->
			
	<!--  CONTENT ELEMENT, uid:150/text [end] -->
		</div></td>
        </tr>
        <!--DWLayoutTable-->
      </table></td>
    <td>&nbsp;</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 ?&nbsp;&nbsp;&nbsp;<font size="2">&nbsp;&nbsp; oder</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 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>,&nbsp;produktneutrale, Versicherer- und&nbsp;Provisions-unabhängige&nbsp;<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">&nbsp;</p>
<p class="bodytext">&nbsp;</p>
<p class="bodytext">&nbsp;</p>
<p class="bodytext">&nbsp;</p>
<p class="bodytext">&nbsp;</p>
<p class="bodytext">&nbsp;</p>
<p class="bodytext">&nbsp;</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:
Hallo!

Ich habe jetzt festgestellt, dass "overflow: auto;" keinerlei zicken macht, aber overflow-x und overflow-y nicht funktionieren :(


//Nachtrag:
Ich habe jetzt mal auf overflow: auto; umgestellt, da ich es nicht verantworten kann, kundenwebseiten falsch dargestellt online zu stellen :suspekt:
 
Zuletzt bearbeitet:
Code:
DIV#content {
	height: 430px;
	padding-left: 15px;
	overflow-x: hidden;
	overflow-y: scroll;
}
Wieso macht Opera das nicht?
Theoretisch sollte es doch laufen!?

Ich habe jetzt festgestellt, dass "overflow: auto;" keinerlei zicken macht, aber overflow-x und overflow-y nicht funktionieren
Die CSS-Eigenschaften overflow-x und overflow-y stammen aus dem Hause Microsoft und werden daher nur vom IE unterstützt.


//Nachtrag:
Ich habe jetzt mal auf overflow: auto; umgestellt, da ich es nicht verantworten kann, kundenwebseiten falsch dargestellt online zu stellen
Wenn du das Problem gelöst hast, dann markiere das Thema bitte auch durch einen Kick auf den 'Status-Button' als 'erledigt'.

Vielen Dank ;)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück