IE verschiebt Website

AndreSiegrist · 26.08.2009

Hallo Forum,

Ich baue im Moment an einer Website für meinen TV Verein.

Nun habe ich das Problem das wenn ich in Frontpage die Website so anordne wie ich es möchte sieht es im IE verschoben aus und wenn ich in Frontpage Vorschau klicke sieht es genau si be.... wie im IE aus. Kann ich das irgendwie umstellen das ich sehe wie es in echt aussieht?

Frontpage Entwurf

Frontpage Vorschau

Internet Explorer

Zur Info vieleicht der News Bereich ist ein InlineFrame vieleicht hengt das mit dem zusammen.

Danke schon mal im Vorraus für eure Antworten

Gruß Andre

esupanetz · 26.08.2009

AW: IE verschiebt Website

Hi Andre,

postest du bitte auch den Code, das macht das Analysieren leichter

lG

Eva

alexanderhey · 26.08.2009

AW: IE verschiebt Website

hallo andre.

mache dir bitte mal den spaß und öffne die seite im firefox. da hat man meist noch ein anderes ergebnis. willkommen beim w3c ;-) aber trotzdem bitte mal den quelltext hier posten, da haben wir alle was von und können dir dann sicherlich helfen.

gruß alex

AndreSiegrist · 26.08.2009

AW: IE verschiebt Website

Ja ich habe gemerkt Firefox, Opera, Safari und was es sonts noch alles gibt machen alle verschiedene Ansichten aber keine sind so wie ich es möchte.
So hier der Code

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TV Helmsheim Leichtathletik</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>
<div id="container">
	<div id="header" style="width: 979px; height: 148px">
		<h1><font face="You Are Loved">TV Helmsheim Leichtathletik</font></h1>
	</div>
	<div id="nav" style="width: 952px; height: 603px">
		<ul>
			<li><a href="#" class="selected" title="home page">
			<font color="#555555">Home</font></a></li>
			<li><a href="http://www.spyka.net/web-templates" title="CSS and XHTML web templates">
			<font color="#555555">Aktuelles</font></a></li>
			<li><a href="http://www.spyka.net/scripts"><font color="#555555">Wir über uns</font></a></li>
			<li><a href="http://www.spyka.net/codes" title="php, mysql, css and javascript code snippets">
			<font color="#555555">Trainingszeiten</font></a></li>
			<li><a href="http://www.spyka.net/licence" title="licence">
			<font color="#555555">Meetings</font></a></li>
			<li><a href="http://www.spyka.net/contact" title="contact">
			<font color="#555555">Vereinsbestenliste</font></a></li>
			<li><a href="http://www.spyka.net/contact" title="contact">
			<font color="#555555">Was sonst 
			so läuft</font></a></li>
			<li style="background-color: #808080">
			<iframe name="I1" width="970" height="543" src="index%20-%20Kopie.html">
			Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
			</iframe></li>
		</ul>
	</div>
	<div id="content">
		&nbsp;<div class="clear"></div>
	</div>
	<div id="footer">
		<p><font style="font-size: 5pt">&copy; 2008 mySite. Design:
		<a href="http://www.spyka.net" title="spyka Webmaster">spyka webmaster</a> available from
		<a href="http://www.justfreetemplates.com" title="free css templates">Just Free Templates</a>. Valid
		<a href="http://validator.w3.org/check/referer" title="valid XHTML strict">XHTML</a> and 
		</font>
		<a href="http://jigsaw.w3.org/css-validator/check/referer" title="CSS">
		<font style="font-size: 5pt">CSS</font></a></p>
	</div>
			
</div>
</body>
</html>

AndreSiegrist · 26.08.2009

AW: IE verschiebt Website

Achso benötigt ihr auch noch die style css

TheDon0Ne · 26.08.2009

AW: IE verschiebt Website

du hast unterschiedliche größen in deinem quelltext

der header ist 979px

die navigation 952px

und dein iframe ist 970px breit

is kla warum das nicht hin haut ^^

änder beim header und iframe die width auf 952px dann müsste es stimmen

stb_87 · 27.08.2009

AW: IE verschiebt Website

Viele Probleme lassen sich auch hierauf zurückführen:
CSS 4 You - The Finest in Stylesheets: Workshop: Boxmodell

Ist der Einsatz des iframe zwingend notwendig? Ansonsten würde ich darauf verzichten...

AndreSiegrist · 27.08.2009

AW: IE verschiebt Website

Wenn ich das so eintrage im HTML Editor gibt es kein Unterschied.

Der Iframe ins in sofern wichtig da ich eine Newsseite habe die mit einem Buttomklick zur nächsten Seite führen sollte da ich aber keine Ahnung von PHP habe und nur mit HTML umgehen kann habe ich diese möglichkeit gewählt

TheDon0Ne · 27.08.2009

AW: IE verschiebt Website

also wenn ich das projekt in dreamweaver kopiere und die daten änder die ich genannt habe macht er mir die größen richtig und die abschlüsse an den seiten stimmen

ich empfehle dir aber noch zusätzlich alle css angaben in die css datei zu schreiben nicht css und html mischen und zusätzlich noch eine css zu betreiben

z.B. deine navigation ist mit einem eintrag in der css id: nav sehr vereinfacht
a#nav {
color: #555
}

frontpage kann ich dir sowieso nicht als editor empfehlen lern richtig html und richtig css dann bist du schon ne runde weiter
achso und es gibt noch bessere möglichkeiten als den iframe
was hattest du denn damit vor warum ist der denn so wichtig für dich?

AndreSiegrist · 27.08.2009

AW: IE verschiebt Website

Hi Also ich habe es nochmals alles geändert und noch Hilfe durch einen Freund bekommen in der CSS war noch eine Angabe die das ganze verschoben hat jetzt passt aber alles.

Vielen dank für eure Hilfe.
PSD-Tutorials.de ist echt ein Super Forum DICKES LOB

Hier das Ergebniss jetzt ist natürlich im Anfangsstadium.

Gruß Andre