CSS Fehler im IE7

[wachteldonk]

ich benutze die Windows class ür prototype. ALlerdings tritt bei mir ein Fehelr auf. Siehe Bild. Der tritt nihct in den beispielen des Programmierers auf Ich denke, das hat was mit der CSS Definition zu tun. Jemand ne Idee woran das liegen kann? Hie rmal die aktuelle css Definition.

.overlay_main {
	background-color: #000000;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.main_nw {
  background: transparent url(../../images/prototype_windows/main/left-top.gif) no-repeat 0 0;			
  width:10px;
  height:25px;
}

.main_n {
  background: transparent url(../../images/prototype_windows/main/top-middle.gif) repeat-x 0 0;			
  height:25px;
}

.main_ne {
  background: transparent url(../../images/prototype_windows/main/right-top.gif) no-repeat 0 0;			
  width:10px;	
  height:25px;
}

.main_w {
  background: transparent url(../../images/prototype_windows/main/frame-left.gif) repeat-y top left;			
  width:7px;
}

.main_e {
  background: transparent url(../../images/prototype_windows/main/frame-right.gif) repeat-y top right;			
  width:7px;	  
}

.main_sw {
  background: transparent url(../../images/prototype_windows/main/bottom-left-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.main_s {
  background: transparent url(../../images/prototype_windows/main/bottom-middle.gif) repeat-x 0 0;			
  height:7px;
}

.main_se, .main_sizer  {
  background: transparent url(../../images/prototype_windows/main/bottom-right-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.main_sizer {
	cursor:se-resize;	
}

.main_close {
	width: 23px;
	height: 23px;
	background: transparent url(../../images/prototype_windows/main/button-close-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:11px;
	cursor:pointer;
	z-index:1000;
}

.main_minimize {
	width: 23px;
	height: 23px;
	background: transparent url(../../images/prototype_windows/main/button-min-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:55px;
	cursor:pointer;
	z-index:1000;
}

.main_maximize {
	width: 23px;
	height: 23px;
	background: transparent url(../../images/prototype_windows/main/button-max-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:33px;
	cursor:pointer;
	z-index:1000;
}

.main_title {
	float:left;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid black;
	margin:3px 0px;
	width:100%;
	color:#123456;
}

.main_content {
	overflow:auto;
	color: #000;
	background:#ffffff;
}

/* For alert/confirm dialog */
.main_window {
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.main_message {
  font: 12px arial;
	text-align:center;
	width:100%;
	padding-bottom:10px;
}

.main_buttons {
	text-align:center;
	width:100%;
}

.main_buttons input {
	width:30%;
	margin:10px;
}

.main_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('../../images/prototype_windows/alert/progress.gif') no-repeat center center
}

.main_wired_frame {
	background: #FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;	
}

 

[Maik]

Hi,

falls das obere Formular zum IE7 gehört, solltest du noch die Polsterungseigenschaften des Formulars auf null setzen:

form {
margin:0;
padding:0;
}

Und gewöhn dir bitte an, Quellcode mit den Highlight-Tags auszuzeichnen, es entspannt das Lesen ungemein. Vielen Dank

 

[wachteldonk]

Hallo,

daran liegts leider nicht Es ist garkein Formularelement enthalten

 

[Maik]

Dann solltest du den Link zu deiner Problemseite nennen, denn mit dem CSS-Schnipsel alleine kann man nicht viel anfangen, und hellsehen kann hier niemand.