• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Layout Problem mit IE

cefuroX

New member
Hallo an alle x)
ich habe vor kurzem angefangen meine Designs in DIV umzusetzen statt mit TABLE Tags. Nun die index.html wird in allen Browsern richtig dargestellt, nun bin ich dabei die News templates anzupassen und der Inter Explorer ist der meinung das ganze nciht richtig darzustellen hier mal die Bilder und der dazugehörige Quellcode:

Ausgabe im Firefox (richtige ausgabe):
ff.jpg


Ausgabe im IE (Falsche Darstellung):
ie.jpg


CSS Datei:
Code:
@charset "utf-8";
/* CSS Document */

body { margin:0; }

div {margin:0;
	 padding:0;
	 }
img {border:0px;
	 margin:0px;
	 padding:0;
	 }
	 
#div_news_bg {
			width:655px;
			background-image:url(../images/bg_news_continue.gif);
			background-repeat:repeat-y;
			margin-bottom:3px;
			height:250px;
		 }
#bg_news_top { 
			background-image:url(../images/bg_news_top.gif);
			background-position:top;
			background-repeat:no-repeat;
			height:250px;
		}
#bg_news_bottom { 
				background-image:url(../images/bg_news_bottom.gif);
				background-position:bottom;
				background-repeat:no-repeat;
				height:250px;
			}
#bg_news_bottom #news_pic {
			width:146px;
			float:left;
			padding:4px 4px 4px 4px;
		   }
#news_kontext {
						float:right;
						width:487px;
						padding: 6px;
			  }
#news_headline {
				background-image:url(../images/bg_news_headline.gif);
				background-repeat:no-repeat;
				 width:auto;
				 padding-left:14px;
				 padding-top: 6px;
				 height:19px;
				 font-family:Verdana;
				 font-size:10px;
				 color:#FFFFFF;
			}

Und der HTML Code:
Code:
<div id="div_news_bg">
    <div id="bg_news_top">
      <div id="bg_news_bottom">
       	  <div id="news_pic"><img src="../../news pics/management.jpg" width="146" height="175">
          </div><img src="http://forum.jswelt.de/images/news_trenner.gif" style="float:left">
          <div id="news_kontext">
          	<div id="news_headline">
            Test</div>
          </div>
      </div>
    </div>
</div>

Wäre nett wenn ihr mir da helfen könntet bin leider noch nicht so erfahren in CSS mit DIV Tags =(

Mfg und schonmal danke
cefuroX
 
Zuletzt bearbeitet:
Können wir uns das mal live ansehen? Ich hab mal versucht, Dein Szenario nachzustellen. Bei mir gibt es keinen Unterschied im FF3, IE6 und IE7. Voraussetzung ist natürlich ein richtiger Doctype. Aber den hast Du ja sicher am Start.
 
ich hab die bilder mal akutallisiert =) nun sieht man was ich meine...
mhh das Problem das da ursprünglich kein Doctype trinnen ich pass das ganze an Webspell CMS an ^^ müsste ich also wenn überhaupt hinzufügen...
 
ich hab die bilder mal akutallisiert =) nun sieht man was ich meine...

Ok, wir sehen Screenshots und raten damit weiter, ne Liveansicht ist was anderes. Was ergab Dein Doctypetest? Häufig ist der IE mit nem richtigen Doxtype bereit, sich einzuordnen. (Brachte, wie schon erwähnt, bei meinem Test die Übereinstimmung mit der FF-Darstellung.)
 
Ich ignoriere keine bitten nur ich kann nicht den ganzen tag am pc sitzen hab noch andere sachen zutun und eine live ansicht wird etwas schwer werden da an die html datei von einer php datei eingelesen wird und das geht nur wenn ich das komplette CMS hochlade...
 
also wenn ich den Doctype mit rein schreibe funktionierts einwandfrei!
noch ne kleine frage:
Die html dateien sind ja Templatedateien und haben keinen kopfteil geschweige denn nen Doctype, werden aber in die index.php geladen die einen Doctype besitz. Übernimmt die Templatedatei dann den Doctype oder ignoriert der den von der index.php?
 
Die Templatedateien werden includiert und somit ist es so, als wären sie Bestandteil der index.php.
Somit greift der Doctype auch auf diese Fragmente.
 
ok dann werde ich beim erstellend er templatedateien den doctype reinschreiben damit cih weiss das alles korrekt angezeigt wird und dann bevor ich alles hochlade werde ich die rausnehmen :) danke für die hilfe
mfg cefuroX
 
Zurück
Oben