Darstellungsproblem im IE

[gelaniee]

Hallo Zusammen,

bei mir handelt es sich um die Version 5 des IE wobei es auch bei neueren der Fall ist, daß sich das gesamte Layout im Header verschiebt. In Firefox ist alles wunderbar.
In dem Header habe ich links ein Bild und rechts Text, wobei der Text im IE unter dem Bild liegt? Ich poste mal den Code:

#slider_background {
	background:url(img/slider_bg.png) repeat-x;
	height:349px;
	width:100%;
	z-index:-2;
}

#sliderInside {
	text-align:left;
	margin:0 auto;
	width:920px;
	padding-top:20px;
}

.slider-image {
	float:left;
        width:520px;
}

.slider-text {
	float:right; 
	width:340px;
	text-align:left;
}

.slider-heading {
	font-size:24px;
	font-weight:normal;
	color:#d5c034;
}

.slider-description {
	color:#fff;
	line-height:24px;
	margin-top:10px;
}

.slider-description a {
	color:#d5c034;
}

.slider-description a:hover {
	text-decoration:underline;	
}

#slider {
	margin: 0 auto;
	position: relative;
	width:920px;
}

.scroll {
	width:920px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
}

.panel {
	width:922px;	
}

#slide-navigation {
	position:absolute;
	right:50px;
	bottom:30px;
}

.scrollButtons {
	cursor:pointer;
	display:block;
}

.next-button {
	margin:15px 0;	
}

Es wäre super, wenn mir jemand helfen könnte, den Fehler zu finden.
Vielen Dank,
Gelaniee

 

[hela]

... Es wäre super, wenn mir jemand helfen könnte, den Fehler zu finden...

... ist aber ohne die HTML-Struktur ausgesprochen schwierig. Man könnte bestenfalls raten, was in deinem HTML-Quelltext drin steht und dementsprechende Vermutungen anstellen.
Wenn du tatsächlich Hilfe möchtest, dann solltest du schon den HTML-Quelltext hier posten, ohne den die Stylesheets eigentlich wertlos sind.

 

[gelaniee]

Hallo,

entschuldige bitte, daß ich nicht ganz so firm bin in diesen Dingen:-( und auch erst jetzt zurückschreibe.

Was genau meinst Du jetzt mit html-Struktur? Es die css aus einem Wordpress-Theme. Da ist alles in tausenden Dateien in php geschrieben? Ich rate mal und poste den php Code von der Slider-Datei. Ich hoffe, damit kommst Du weiter.

Lieben Gruß, Gelaniee

<div id="slider">
    <div class="scroll">
        <div class="scrollContainer">
			<?php
                $postcount = 0;
                $featured_query = new WP_Query('cat='.$vc_slider_cat_name);
                while ($featured_query->have_posts()) : $featured_query->the_post(); 
            
                        $do_not_duplicate[] = get_the_ID();
                        $postcount++;
            ?>
            <div id="featured-<?php echo $postcount; ?>" class="panel">
            	<div class="featured_media">
                    <div class="slider-image">
                        <?php if( get_post_meta($post->ID, "portfolio-image", true) ): ?>
                          <img class="reflect ropacity33 rheight8" src="<?php echo get_post_meta($post->ID, "portfolio-image", true); ?>"
&nbsp;                 
                        <?php else: ?>
                          <img class="reflect ropacity33 rheight8" src="<?php bloginfo('template_url');?>/img/no-img.jpg" alt="<?php the_title(); ?>" />
                        <?php endif; ?>  
                    </div>                    
                        
                    <div class="slider-text">
                        <h2 class="slider-heading"><?php the_title();?></h2>
                        <div class="slider-description">
                            <?php the_content_limit(250, '');?>
                        </div>
                        
                    </div>                	<div class="clear"></div>
                </div>
            </div>
            <?php endwhile; ?>
        </div><!-- end scroll container-->
     </div><!-- end scroll -->
</div><!-- slider -->

 

[Maik]

Hi,

ich komm da auch nicht sonderlich weit, dein Stylesheet in das dazugehörige Markup umzumünzen, damit es von der IE-Familie fehlerhaft interpretiert wird

<div id="slider_background">
  <div id="sliderInside">
    <div class="slider-image">slider-image</div>
    <div class="slider-text">slider-text</div>
  </div>
</div>

... und ehrlich gesagt, ist es auch überhaupt nicht unsere Aufgabe, uns darüber den Kopf zu zerbrechen.

//edit: Da hat ja jemand zwischenzeitlich etwas nachgereicht.

Wäre aber nett, wenn du hier den verarbeiteten PHP-Code, sprich die HTML-Ausgabe des Browsers zeigen würdest, schließlich hast du dich nicht im PHP-Forum gemeldet, damit dort jemand einen Blick auf deinen Script-Code wirft.

mfg Maik

 

[gelaniee]

Nein, es ist sicherlich nicht Eure Aufgabe anderen zu helfen. Eigentlich ist es eher ziemlich nett wenn jemand auf Fragen antwortet. Leider war mir nicht klar, daß dies ausschließlich ein Forum für Profis ist. Da ich nun einmal keiner bin, werde ich anderweitig versuchen, meine Fragen zu lösen. Vielen Dank.

 

[Maik]

Hui, spielt da etwa jemand jetzt die eingeschnappte Leberwurst?

Entschuldige bitte, aber du hast in deinem ersten Beitrag erwartet, dass wir uns den dazugehörigen HTML-Code aus den Rippen schneiden, oder schauen, ob wir ihn in der Glaskugel entdecken, um zu deinem CSS-Code etwas sagen zu können.

Na, etwas Kritik wird ja wohl noch erlaubt sein, wenn sie berechtigt ist

mfg Maik

 

[gelaniee]

Ich kenne Dich doch garnicht? Wie könntest Du mich beleidigen?

Nein, es ist schon alles okay, ich dachte nur, daß ich hier irgendwie falsch gelandet bin?

Nichts für ungut.

Grüßle,Denise

 

[Maik]

Also ich bekomme es mit dem gezeigten Code noch nicht mal im Ansatz hin, dass einer der IEs den Text unter dem Bild anordnet.

Ich könnte mir aber gut vorstellen, dass du den Browsern das HTML-Dokument ohne, oder durch eine falsche Doctype-Deklaration im sog. "Quirksmode" übergibst, weshalb die IE-Familie das Layout nicht in der Fenstermitte, sondern linksbündig platziert, da sie in diesem Darstellungsmodus das CSS-Boxmodell überhaupt nicht interpretieren, in diesem Fall die margin:0 auto-Deklaration für #slider.

Der IE5 unterstützt diese CSS-Angabe aber ebenso wenig, wenn die Seite ihm im standardkonformen Modus übergeben wird.

Abhilfe schafft hier text-align:center für das <body>-Element.

Dies alles sind von mir aber nur Mutmaßungen.

mfg Maik

 

[gelaniee]

Maik, Du bist ein Schatz

Ich probiere es gleich morgen früh aus. So habe ich das jetzt auch verstanden wie und wo so ein Problem überhaupt herkommen kann.

Und falls Du mal irgendeine Frage zum Thema Kochen hast, schreib mir ruhig;-)

Danke Dir und gute Nacht

Denise