IE 6 vs IE7

napsi · 13. November 2008

Hallo, bin wieder mal da und verzweifle wieder mal:

Im IE6 werden in der Rubrik "MAnnschaften" => "Kampfmannschaft" und auch bei den anderen teams werden die bilder nicht angezeigt. ich habe nun alles durchsucht, habe aber nichts in diesem Bereich gemacht, trotzdem wurd das bild nicht angezeigt, wenn ich mit der maus über den Text "Foto" fahre.

Warum?

http://www.uehv-hawks.at

Code:

/*altes*/

* {                           /* alle Elemente sollen urspruenglich keine Innen- und Aussenabstaende haben */
        margin: 0;
        padding: 0;
        /*border: 1px dashed red;*/
}

body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        width: 980px;
        margin: 0;
        padding: 0;
}

div#pagewrap {
        width: 980px;
}

#menue_right {
        border-style: solid;
        border: 1px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        width: 150px;
        margin-top: 4px;
        height: 150px;
}

#menue_right p {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#bf4038;
	padding: 2px;
}

#s_news {
        border-style: solid;
        border: 1px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        width: 150px;
        margin-top: 4px;
        height: 150px;
}
#s_news p {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#bf4038;
	padding: 2px;
}


#sponsor {
        border-style: solid;
        border: 1px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        width: 150px;
        margin-top: 4px;
        height: 100px;
}

#right {
        border-style: solid;
        width: 150px;
        float: right;
		margin-top:-0.2em;
		border:0px;
}

.right_nav_head {
        width: 150px;
        height: 14px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        margin-left: 0px;
}

.impressum {
        width: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin-left: 0px;
		margin-top:3px;
		padding:1px;
		color: #bf4038;
}

.impressum a, .impressum a:hover, .impressum a:visited {
		text-decoration:none;
		color: #bf4038;
}

img {
        border: 0;
}
/*-------------Menu-------------*/

#menu2 {padding:0; margin:0; list-style:none; height:20px; background-color:#FFFFFF; position:relative; z-index:200; font-family:arial, verdana, sans-serif; border-color:#BF4038; border-style:solid; border:1px; margin-top: 1px;}
#menu2 li.top {display:block; float:left;}
#menu2 li a.top_link {display:block; float:left; height:21px; line-height:18px; color:#BF4038; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
#menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:18px}
#menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:18px;}

#menu2 li:hover a.top_link,
#menu2 a.top_link:hover
{color:#FFFFFF; background-color:#BF4038}
#menu2 li:hover a.top_link span, 
#menu2 a.top_link:hover span
{background-color:#BF4038;}
#menu2 li:hover a.top_link span.down,
#menu2 a.top_link:hover span.down
{padding-bottom:3px;}

#menu2 table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#menu2 li:hover {position:relative; z-index:200;}
#menu2 a:hover {position:relative; white-space:normal; z-index:200;}

#menu2 :hover ul.sub
{left:1px; top:20px; background: #FAECEB; padding:3px; border:1px solid #BF4038; white-space:nowrap; width:105px; height:auto; z-index:300;}
#menu2 :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:105px; font-weight:normal;}
#menu2 :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:100px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;}
#menu2 li ul.sub li a.fly
{background:#BF4038}
#menu2 :hover ul.sub li a:hover 
{background:#BF4038; color:#fff;}
#menu2 :hover ul.sub li a.fly:hover
{background:#BF4038; color:#fff}

#menu2 li b {display:block; font-size:11px; height:18px; width:100px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#menu2 a:hover a:hover ul,
#menu2 a:hover a:hover a:hover ul,
#menu2 a:hover a:hover a:hover a:hover ul,
#menu2 a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#menu2 ul, 
#menu2 a:hover ul ul,
#menu2 a:hover a:hover ul ul,
#menu2 a:hover a:hover a:hover ul ul,
#menu2 a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu2 li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#menu2 li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu2 li:hover li:hover > a.fly
{background:#3f96a9; color:#fff; border-color:#fff;} 
#menu2 li:hover li:hover > li a.fly
{background:#50b5d0 url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;} 

/*----------------------- Head ---------------------*/

#header {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        width: 980px;
        height: 150px;
        margin: 0px;
        padding: 0px;
        border: 1px;
        border-style: solid;
}

.laufschrift {
        margin-left: 15em;
        margin-right:1.5em;
        margin-top: 3.2em;
        background-color:#FFFFFF;
}

.laufschrift_text {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:18px;
        border: 0px;
        background-color:#FFFFFF;
}

.laufschrift_text a {
        text-decoration:none;
        color: #000000;
}

.town1 {
        margin-top: 0.5em;
        margin-left: 30em;
        font-size: 10px;
        font-style:normal;
        font-weight:bolder;
        color:#FFFFFF;
}

.town2 {
        margin-top: 1.1em;
        margin-left: 27.4em;
        font-size: 10px;
        font-style:normal;
        font-weight:bolder;
        color:#FFFFFF;
}

.town3 {
        margin-top: 1.4em;
        margin-left: 24.8em;
        font-size: 10px;
        font-style:normal;
        font-weight:bolder;
        color:#FFFFFF;
}


/* ---------------------- Content Start-------------------*/
#content {
	width: 68.5em;
	border: 1px;
	border-style:solid;
	border-color:#BF4038;
	margin: 0.2em 0.2em 0.2em 0em;
	background-color: #FFFFFF;
	height:445px;
	overflow: auto;
	float: left;
}

#content p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color:#000000;
	padding:0.5em;
}

#content h1 {
	font-size: 15px;
	font-style:normal;
	font-weight:bolder;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding:0.5em;
}

/* ---------------------- Content Folge-------------------*/


#content h1 {
	font-size: 15px;
	font-style:normal;
	font-weight:bolder;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding:0.5em;
}

#content h2 {
	font-size: 14px;
	font-style:normal;
	font-weight:bolder;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding:0.5em;
	margin: 1em;
}

#content ul {
        padding:0;
        margin:0;
        list-style-type: none;
}

#content ul li {
	
}

#content ul li a, #content ul li a:hover, #content ul li a:visited, #content a {
	text-decoration:underline;
	margin-left: 2.2em;
	padding: 1px;
	color: #BF4038;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:12px;*/
	font-style:normal;
}
	

.table {
	border: 0px;
	width:500px;
}

.table_elements {
	border: 0em;
	border-color:#BF4038;
	border-style:solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color: #BF4038;
	padding: 1px;
}

.table_headline {
	border: 0.0em;
	border-color:#BF4038;
	border-style:solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bolder;
	color: #BF4038;
	float: left;
	padding: 1px;
}
/*------------------------ Personen -------------------------*/
.team {
	margin:1px;
	padding:1px;
	width:90%;
}

.team_head {
	width: 170px;
	font-size:12px;
	font-style:normal;
	font-weight:bolder;
	margin:3px;
	padding:5px;
}

.team_field1 {
	width:200px;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	margin:3px;
	padding:5px;
	float:left;
}

.team_picture {
	float: right;
	margin:1px;
	padding:1px;
	border:1px;
	border-style:solid;
	border-color:#BF4038;
}
.team_head2 {
	width: 100px;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	margin:3px;
	padding:5px;
}



.team_spieler_nr {
	margin-left: 2.2em;
	margin-right: 2px;
	padding: 1px;
	width:5px;
	border:0px;
	float:left;
}

.team_spieler_name {
	margin-left: 2.2em;
	margin-right: 2px;
	padding: 1px;
	width:150px;
	border:0px;
	float:left;
}

.team_spieler_position {
	margin-left: 2.2em;
	margin-right: 2px;
	padding: 1px;
	width:300px;
	border:0px;
	float:left;
}

.kontakt_lable {
	margin-left: 2.2em;
	padding: 1px;
	width: 100px;
}

.kontakt_field {
	width: 350px;
}

label {
         float:left;
         display:block;
		 width:160px;
		 /*position:relative;*/
}

td:hover .info {
	padding: 5px 5px 5px 5px;
	border: 1px solid;
	border-color:#BF4038;
	display: block;
	position: absolute;
	top: 233px;
	left:436px;
	z-index: auto;
}

td a:hover .info {
	padding: 5px 5px 5px 5px;
	border: 1px solid;
	border-color:#BF4038;
	display: block;
	position: absolute;
	top: 233px;
	left:436px;
	z-index: auto;
	/*text-decoration:underline;*/
}


td .info {
	display:none;
}

td a .info {
	display:none;
	text-decoration:none;
	/*font-size:10px;*/
	font-style:normal;
	font-weight:bolder;
	color: #BF4038;
	padding: 1px;
}

td a:hover {
	text-decoration:none;
	/*font-weight:bold;*/
	text-align:center;
}


table {
	margin-left:10px;
	margin-top: 5px;
}

td a {
	text-decoration:underline;
	font-size:11px;
}

.Stil1 {
	color:#FFFFFF;
	font-style:normal;
}

.spalte1 {
	width: 20em;
	float:left;
	height:30px;
}

.spalte2 {
	width: 20em;
	margin-left:5px;
	height:30px;
}


.spalte3 {
	width: 20em;
	float: right;
	height:30px;
}

td {
padding: 3px;
}

p a {
	text-decoration:none;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color: #BF4038;
}

weiters zeigt ie6 unter gästebuch den iframe falsch an und schiebt ihn nach unten

wahrscheinlich ist es nur eine kleinigkeit, aber trotzdem finde ich den fehler nicht.

bitte um Hilfe

Napsi

Maik · 13. November 2008

Hi,

erweiter diesen Regelblock folgendermaßen, damit der IE6 die CSS-Popups öffnet:

Code:

td a:hover {
        text-decoration:none;
        /*font-weight:bold;*/
        text-align:center;
        background:none;
}

Beim Gästebuch fällt im Firefox auf, dass dort zwei vertikale Scrollbalken erscheinen, und im IE6 hingegen rechts vom vertikalen Scrollbalken noch ein Abstand zum rechten Rahmen besteht.

Vielleicht mal im Gästebuch die Polsterungseigenschaften des Dokumentkörpers und Viewports auf null zurücksetzen.

Und das nächste Mal bitte direkt im CSS-Forum posten - danke!

mfg Maik

napsi · 13. November 2008

Danke, was ich aber nicht verstehe, es hatte schon funktioniert und das ohne der zeile mit dem background.

danke

Maik · 13. November 2008

Aha, und wieso funktioniert es dann jetzt nicht mehr?

Denkbar, weil technisch möglich, wäre auch:

Code:

td a:hover {
        text-decoration:none;
        /*font-weight:bold;*/
        text-align:center;
        border:none;
}

mfg Maik

napsi · 13. November 2008

Maik hat gesagt.:
Hi,

Beim Gästebuch fällt im Firefox auf, dass dort zwei vertikale Scrollbalken erscheinen, und im IE6 hingegen rechts vom vertikalen Scrollbalken noch ein Abstand zum rechten Rahmen besteht.

Vielleicht mal im Gästebuch die Polsterungseigenschaften des Dokumentkörpers und Viewports auf null zurücksetzen.

Und das nächste Mal bitte direkt im CSS-Forum posten - danke!

mfg Maik

das verstehe ich nicht, was meinst du mit polsterungseigenschaften bitte um kurze übersetzung

Maik · 13. November 2008

Code:

html,body {
margin:0;
padding:0;
}

mfg Maik

napsi · 13. November 2008

wegen dem gästebuch:

funktioniert trotzdem nicht.

Maik · 13. November 2008

Hätte aber eine mögliche Ursache sein können.

mfg Maik

Maik · 13. November 2008

Maik hat gesagt.:
Beim Gästebuch fällt im Firefox auf, dass dort zwei vertikale Scrollbalken erscheinen

mfg Maik

Maik · 14. November 2008

Moin,

ansonsten verringer mal geringfügig die Breite für #content:

Code:

#content {
        width: 68em;
        border: 1px;
        border-style:solid;
        border-color:#BF4038;
        margin: 0.2em 0.2em 0.2em 0em;
        background-color: #FFFFFF;
        height:445px;
        overflow: auto;
        float: left;
        display:inline;
}

Außerdem solltest du die overflow:auto-Deklaration entfernen, damit in den modernen Browsern, wie gestern Abend darauf hingewiesen, nicht zwei vertikale Scrollbalken angezeigt werden.

mfg Maik

IE 6 vs IE7

napsi

Erfahrenes Mitglied

Maik

napsi

Erfahrenes Mitglied

Maik

napsi

Erfahrenes Mitglied

Maik

napsi

Erfahrenes Mitglied

Maik

Maik

Maik

Neue Beiträge