Zum Inhalt springen

Im Firefox nach dem Bild großer Abstand

Erstellt am 11. Februar 2008 · 9 Antworten · letzte Antwort am 29. Juli 2008

Tags: Frage

boki_s78 ·

Habe folgendes Problem, und zwar nach dem großem Bild in www.tadiair.de ist in Firefox großer Zellenumbruch oder wie soll ich das nennen. In I.E alles okay.... habe es versucht in quellentext zu schauen und das Ergebnis was in meinem css nicht drinne ist:

<div class="csc-textpic-imagewrap" style="width:590px;"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:590px;"><dt><img src="uploads/pics/tadiran_spaaren_07.jpg" width="590" height="300" border="0" alt="" /></dt>
			</dl>
			</div>

Mein height ist auf 600px eingestellt.... aber das sollte nicht das Problem sein oder? weil in I.E. ist alles okay.

Vielen Dank für eure Antworten in vorraus

Tante Jensen ·

hi, div.csc-textpic-above div.csc-textpic-text hat ein clear: both;, div.csc-textpic-clear (total überraschenderweise :-)) auch.

Wenn du die clears rausnimmst, rutscht's hoch. Keine Ahnung, wieso. Ich habs nicht im Ie getestet.

boki_s78 ·

Danke Jensen!
Werde es noch genauer untersuchen und anschauen.....falls jemand vorschlag hat oder tip dann bitte melden.

boki_s78 ·

Ich komme da einfach nicht weiter. In css habe ich echt viel geändert und leider kein Erfolg!

hier mein ganzes css

body {
	
	background-image:url(bg_3.jpg);
	background-repeat:repeat-x;
	text-align: center;
	margin: 0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	
}

/*---------------------------------------------------------------------------- */

#container {
	margin: 0px auto;
         text-align: left;
         width: 800px;
	
}

/*---------------------------------------------------------------------------- */

#top{
	height: 60px;
	background-color: #FFFFFF;
}

/*---------------------------------------------------------------------------- */

#banner{
	background-position: top;
	background-image: url(./tadiair.jpg);
	height: 250px;
	background-repeat: no-repeat;
	width: 800px;
	border-color: #999999;
}


/*-------------typo3 input override------------------------------------------- */

.align-right { text-align:right; }
.align-left { text-align:left; }
.align-center { text-align:center; }

.csc-textpic-clear { clear:both; }
.csc-textpic-imagewrap { padding:0px; }
.csc-textpic-caption { font-size: 1px; }   
.csc-textpic {overflow:hidden;}

dl.csc-textpic-image { margin:0px; }
dl.csc-textpic-image dd { margin:0px; }
dl.csc-textpic-image dt { display:inline; margin:0px; }

.csc-textpic img { border:medium none; }

html .csc-textpic-intext-left-nowrap .csc-textpic-text { height:1%; }
html .csc-textpic-intext-right-nowrap .csc-textpic-text { height:1%; }

.csc-textpic .csc-textpic-imagecolumn { display:inline; float:left; }
.csc-textpic .csc-textpic-imagerow { clear:both; }

.csc-textpic .csc-textpic-imagewrap .csc-textpic-firstcol { margin-left:0px! important; }
.csc-textpic .csc-textpic-imagewrap .csc-textpic-lastcol { margin-right:0px! important; }

.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { float:left; margin-bottom:5px; }
.csc-textpic .csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin:0px; }
.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img { margin:0px; }

.csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image { float:left; }
.csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image dd { float:none; }
.csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image dd img { border:medium none; }
.csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image dt { float:none; }

.csc-textpic .csc-textpic-imagewrap ul { padding:0px; margin:0px; list-style-type:none; }
.csc-textpic .csc-textpic-imagewrap ul li { padding:0px; float:left; margin:0px; }

.csc-textpic-above .csc-textpic-text { clear:both; }

.csc-textpic-border .csc-textpic-imagewrap .csc-textpic-image img { border:black 2px solid; padding:0px;  }

.csc-textpic-caption-c .csc-textpic-caption { text-align:center; }
.csc-textpic-caption-l .csc-textpic-caption { text-align:left; }
.csc-textpic-caption-r .csc-textpic-caption { text-align:right; }

.csc-textpic-center { text-align:center; }
.csc-textpic-center .csc-textpic-imagewrap { margin:0px auto; }
.csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:10px; text-align:left; }
.csc-textpic-center .csc-textpic-text { text-align:left; }

.csc-textpic-equalheight .csc-textpic-imagerow { display:block; margin-bottom:5px; }

.csc-textpic-intext-left .csc-textpic-imagewrap { float:left; margin-right:10px! important; }
.csc-textpic-intext-left .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-right:10px; }
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-right:10px; }
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { clear:both; float:left; margin-right:10px! important; }

.csc-textpic-intext-right .csc-textpic-imagewrap { float:right; margin-left:10px! important; }
.csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:10px; }
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:10px; }
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { clear:both; float:right; margin-left:10px! important; }

.csc-textpic-left .csc-textpic-imagewrap { float:left; }
.csc-textpic-left .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-right:10px; }
.csc-textpic-left .csc-textpic-text { clear:left; }

.csc-textpic-right .csc-textpic-imagewrap { float:right; }
.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:10px; }
.csc-textpic-right .csc-textpic-text { clear:right; }

/*---------------------------------------------------------------------------- */


#menu_1{
	float: right;
	width: auto;
	text-align: left;
	padding: 10px 10px 0 0;
}

#menu_1_ul {
	width:auto;
	float:right;
	margin:0;
	margin-top:0px;
	margin-right: 5px;
}

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

#menu_1_ul li {
display: inline;
margin: 0px;
padding: 0px;
}

#menu_1_ul a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}


#menu_1_ul a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration:none;
}
#menu_1_ul a:hover{
text-decoration:underline;
color:#669933;
}
#menu_1_ul a:visited{
text-decoration:underline;
color:#666666;
}

/*---------------------------------------------------------------------------- */

#name{
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 2px;
}
#pass{
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#login{
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 5px;
}


#suche{
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 2px;
	width: 150px;
}



/*---------------------------------------------------------------------------- */


#menu_left{
	width: 180px;
	padding: 0;
	display: inline;
	height: auto;
	
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}
#menu_left h1{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	text-align: center;
	background-color:#626566;
	width: 180px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(./menubg.jpg);
	background-repeat: repeat-x;
	
}

#menu_left ul.sidemenu {
	list-style: none;
	margin: 10px 0 10px 15px;
	padding: 0;
	width: 180px;
	margin-left: 0px;
	margin-top: 0px;
	font-family: Tahoma;
	

}
#menu_left ul.sidemenu li {
	border-bottom: 1px #FFFFFF solid;
}
#menu_left ul.sidemenu a {
	font-weight: normal;
	font: 70% Tahoma;
	display: block;
	color: #333;
	text-decoration: none;
	padding: 2px 5px 2px 2px;
	background: #dededd;
	border-left: 4px solid #333;
	min-height: 18px;
	letter-spacing:0px;
	word-spacing:-1px;
}

* html body #menu_left ul.sidemenu a { height: 18px; }

#menu_left ul.sidemenu a:hover {
	font-weight: normal;
	font: 70% Tahoma;
	display: block;
	color: 99ae6a;
	text-decoration: none;
	padding: 2px 5px 2px 2px;
	background: #dededd;
	border-left: 4px #9EC630 solid;
	min-height: 18px;
	letter-spacing:0px;
	word-spacing:-1px;

}

/*---------------------------------------------------------------------------- */

ul#nav,
ul#nav ul {
	margin: 0;
	padding: 0;
	width: 180px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	background: #fff; /* IE6 Bug */
	color: black;
	font-size: 11px;	
	}
 
ul#nav li {
	position: relative;
	list-style: none;
	
	}
 
ul#nav li a {
	display: block;
	text-decoration: none;
	color: #656565;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	background-image: url(./menubg_active.jpg);
	background-repeat: repeat-x;
	}
	
 
/* Lösung für IE. \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* Ende */
 
ul#nav ul {
	position: absolute;
	display: none;
	left: 180px; 
	top: 0;
	}
 
ul#nav li ul li a { padding: 5px 5px; } 
 
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.over ul ul,
ul#nav li.over ul ul ul { display: none; } 
 
ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.over ul,
ul#nav li li.over ul,
ul#nav li li li.over ul { display: block; } /
 
 
ul#nav li.menuparent:hover,
ul#nav li.over { 
	background-color: #f9f9f9; 
}
 
 
ul#nav li a:hover { 
	color: #656565; 	
}
 

/*---------------------------------------------------------------------------- */

#menu_2{
	float: right;
	width: auto;
	text-align: left;
	padding: 5px 10px 0 0;
}

#menu_2_ul {
	width:auto;
	float:right;
	margin:0;
	margin-top:0px;
	margin-right: 5px;
}
#menu_2_ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#menu_2_ul li {
display: inline;
margin: 0px;
padding: 0px;
}
#menu_2_ul a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#menu_2_ul a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration:none;
}
#menu_2_ul a:hover{
text-decoration:underline;
color:#669933;
}
#menu_2_ul a:visited{
text-decoration:none;
color:#666666;
}

/*---------------------------------------------------------------------------- */


#menu_3 {
	width: auto;
	height: 18px;
	color: #FFFFFF;
	top: 3px;
	padding-top: 231px;
	padding-right: 15px;
	text-align: right;
}
#menu_3_ul ul {
	list-style-type: none;
	margin: 0px;
}
#menu_3_ul li {
	display: inline;
	padding: 0px;
	float: right;
	padding-right: 3px;
	font-weight: bold;
}
#menu_3_ul a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

}



#menu_3 a span {
   float:left;
   display:block;
   padding:2px 15px 3px 8px;
   color: #FFF;
   border-right:1px #FFFFFF 
   
   solid} 

#menu_3 a span {float:none;}
/* End IE5-Mac hack */
#menu_3 a:hover span {
	color:#FFF;
}
#menu_3_ul a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
#menu_3_ul a:hover{
	text-decoration:underline;
	color:#CCCCCC;
}
#menu_3_ul a:visited{
	text-decoration:none;
	color:#CCCCCC;
}

/*---------------------------------------------------------------------------- */

#main_container{
	height: auto;
	margin-top: 0px;
	background-color: #ffffff;
	background-image: url(img/bg_right.jpg);
	background-position: right;
	background-repeat: repeat-y;
	width: 800px;
}

/*---------------------------------------------------------------------------- */



#main_content
{
	margin: 0px 5px 0 180px;
	padding: 5px 5px 5px 5px;
	width: auto;
	background-color: #FFFFFF;
	height: 650px;
	}
	
#main_content p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 5px 0 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#main_content h1{
	font-family: Tahoma, Arial;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 0 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 15px;
	background-image: url(./h1_bg.jpg);
	background-repeat: repeat-x;
	margin-top: 5px;
	color: #666666;
}
#main_content h2{}
#main_content h3{}

/*---------------------------------------------------------------------------- */

#right{
	width: 148px;
	height: 600px;
	background-color: #CCCCCC;
	float: right;
	background-image: url(img/bg_right.jpg);
	background-repeat: repeat-y;
	margin-top: 0px;
}

#right p{
	width: 180px;
	font-family: Vedrana;
	font-size: small;
	margin: 10px;
	margin-top: 0;
	margin-left: 5px;
}


/*---------------------------------------------------------------------------- */

#footer{
	border-top-style: solid;
	border-color: #999999;
	border-width: 1px;
	padding-top: 5px;
	font-family: Tahoma, Arial;
	height: 20px;
	padding-bottom: 5px;
	background-image: url(./footer_bg.jpg);
	background-repeat: repeat-x;

}

#footer a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#footer_menu{
	font-size: 12px;
	padding-left: 10px;
}

/*---------------------------------------------------------------------------- */

a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#666666;
}
a:visited{
	text-decoration:none;
	color:#666666;
}

a:active{
	text-decoration:none;
	color:#666666;
}
just2b ·

ja klar und was bringen jetzt uns 560 Zeilen an Code der absolut sinnlos ist wenn man die URL nicht hat und hätte man eine URL bräuchte man auch den CSS Code nicht posten

und ohne url kann man bei sowas eigentlich nur raten

georg

kl789 ·

hi,
ich hab genau das selbe problem.
hat dafür jemand mittlerweile ne lösung gefunden???

gruss,
kl789

suit ·

<glaskugel>
mit hoher wahrscheinlichkeit liegts an der display-eigenschaft des bildes - eine suche nach "block", "inline-block" und "inline" im zusammenhang mit "css" und "display" und "img" werden dir ggf weiterhelfen
</glaskugel>