[Sonicview]

Hallo,

ich habe ein komisches Problem mit der Darstellung von Bildern auf einer meiner Webseiten, seit ich diese templatemäßig auf CSS umgestellt habe.

Seit der Umstellung werden Bilder, die linksfließend oder rechtsfließend im Text angeordnet sind um mehrere Zeilen nach unten verschoben. Erstaunlicherweise in einem Block von mehreren Inhaltselementen anscheinend nur im ersten Inhaltselement (anzuschauen zB hier oder hier)

Das linke Bild sollte im ersten Textabschnitt linksfließend angeordnet sein.

Ich habe, was den Code dafür angeht eigentlich nichts geändert.

Dieses Problem ist auch bei anderen Webseiten, die ich umgestellt habe nicht aufgetreten.

Bei dieser Webseite tritt das Problem auch nur im Firefox-Browser auf. Im IE (mit annähernd dem gleichen CSS-Code) wird alles original angezeigt.

Zur Sicherheit füge ich mal den betreffenden CSS-Code mit an, vielleicht habe ich ja doch was übersehen.

#menu {
			float: right;
			padding: 5px;
			font-family: arial, verdana, helvetica, sans-serif;
	                color: #132667;
        	        font-size: 12px;
         	        text-decoration: none;
         	        margin-top: -10px;
         	        margin-right: 10px;
        }
        
        #menu a {
                 text-decoration: none;
                 color: #132667;
        }
        
        #menu a:hover {   
                 text-decoration: underline;
                 color: #FFFFFF;
        }

		#content {
		        width: 648px;
			padding-top: 10px;
			padding-bottom: 5px;
			padding-left: 10px;
			margin-left: 150px;
			margin-right: 150px;
			font-family: arial, verdana, helvetica, sans-serif;
         	        color: #132667;
                  	font-size: 12px;
		}
		
		#content p{
                            padding-left: 20px;
                            line-height: 135%;
        }
        
        #content img{
                border: 0px;
        }
        
        #content td {
	        font-family: arial, verdana, helvetica, sans-serif;
	        color: #132667;
	        font-size: 12px;	
        }

        #content h1 {
	        font-family:  arial, verdana, helvetica, sans-serif;
        	color: #132667;
        	margin: 0px;
        	font-size: 16px;
        }

        #content a{
                color:#132667;
                text-decoration: none;
                font-weight: bold;
        }
        #content a:hover {
                color:#e10e14;
                text-decoration: none;
                font-weight: bold;
        }


		#links {
			float: left;
                     	display: block;
			background-color: #e10e14;
       }
		
		#links a{
		         display: block;
   			 margin-left: -40px;
  			 font-family: arial, verdana, helvetica, sans-serif;
 			 font-size: 12px;
 			 font-weight: normal;
  			 text-decoration: none;
  			 padding: 2px 20px;
 			 background-color: #e10f14;
   			 color: #132667;
 			 border: 1px solid #829a9e;
		}
		
		#links a:hover{
		               background-color: #132667;
                               color: #e10f14;
        }

		#rechts {
			float: right;
			margin-left: 800px;
			margin-top: -210px;
			background-color: #fff;
			text-align: right;
	    }

		#footer {
			clear: both;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 300px;
			font-family: arial, helvetica, sans-serif;
	                color: #132667;
		        font-weight: bold;
		 	font-size: 12px;
			text-decoration: none;
			padding-top: 4px;
		}

Ich steh da echt auf dem Schlauch...

Grüße Sonicview

[ghoti]

Ich hab mir das mal angeschaut - in Firefox, IE7 und IE6. Ich sehe nicht, was du meinst, bei mir stehen die Bilder immer auf der gleichen Höhe wie der Text.

[Sonicview]

Wenn du dir zB die Beschreibung des RTW anschaust, das erste Bild sollte im ersten Textelement sein (unter der Überschrift 'Allgemeine Beschreibung').

Tatsächlich ist es aber nach unten verschoben.

Bei der Beschreibung vom NEF stehen die Bilder sogar im Text. Der Text sollte aber eigentlich um das Bild herumfließen....

[tom]

Zitat von Sonicview

Wenn du dir zB die Beschreibung des RTW anschaust, das erste Bild sollte im ersten Textelement sein (unter der Überschrift 'Allgemeine Beschreibung').

Tatsächlich ist es aber nach unten verschoben.

Bei der Beschreibung vom NEF stehen die Bilder sogar im Text. Der Text sollte aber eigentlich um das Bild herumfließen....

also bei mir (FF2 unter XP) ist der RTW auf gleicher Höhe wie die Überschrift Allgemeine Beschreibung.
Auch beim NEF wird kein Bild im Text angezeigt.

Hast Du evtl. ein lokales Caching-Problem ?
Welche FF-Version verwendest Du ?

Tom

[Sonicview]

Also, grundsätzlich hab ich das Problem lokalisieren können.
Es liegt nicht am Typo3, sondern am CSS-Code und was der Firefox daraus macht.

Die recht Spalte im Template sorgt im FF dafür, dass die Bilder verschoben werden.

Aber danke für´s schauen.....

[Sonicview]

Also, ich habe das Problem jetzt genau lokalisiert und (vielleicht auch etwas umständlich) behoben. Jetzt funzt alles. Es lag eindeutig am CSS....


Vielen Dank nochmal an alle, die helfen wollten.