Community rund um Cascading Style Sheets, Tutorials & KnowHow für Webmaster

Content verschiebt sich bei älteren ie-versionen

Antwort erstellen

Content verschiebt sich bei älteren ie-versionen

Beitragvon TM1978 » 22.05.2010, 18:57

Hallo liebe Leute,

bin neu hier und bräuchte gleich mal Eure Hilfe :-)

auf unserer HP verschiebt sich der content bei älteren ie versionen immer links unter die navigation. die seite ist mittig gestellt und der content rutscht ganz nach links unter die navigation. (möglicherweise weil navigation und content beide "float:left;" haben??)

im ie8 funkt die seite nur wenn bei "kompatibilitätsansicht" kein häckchen ist. wenn das häckchen angehakt ist, passiert das selbe siehe oben.

ich kopiere euch jetzt mal css und html-code hier rein.

vielleicht könnt ihr mir helfen, wäre ganz toll, da ja jeder unsere Site "normal" sehen sollte, da wir sehr viele klicks verzeichnen.

css:

*
{
font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Typo
----------------------------------------------- */

a:link, a:visited
{
text-decoration: underline;
color: #EC4413;
}
a:active { text-decoration: underline; }
a:hover { text-decoration:none; }


h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }

/* Layout
----------------------------------------------- */

body
{
background: url(bgmc.jpg) repeat-x;
padding: 0% 0 0 0;
margin: 0;
width: 100%;
}
#container
{
padding: 0%;
margin: auto;
width: 1050px;
background: white;
hight: 1020px;
}
#header
{
hight: 115px; width: 1050px; background-color: FFFFFF#; padding-top: 0px;
}

#header h1,
#header a
{
padding: 0;
font-family: "Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 4%;
font-weight: 100%;
text-decoration: none;
line-height: 1.5em;
color: grey;
text-align: left;
widht: 1050px;
}

#header a:hover { text-decoration:none; }

#navigation
{
float: left;
width: 180px;
text-align: left;
padding-left: 20px;
background: grey;
padding-top: 20px;
padding-right: 20px;
hight: 900px;
}
#sidebar
{
padding-top: 5px;
padding-right: 0%;
background: #999999;
}
#content
{
float: left;
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
width: 770px;
background: white;
hight: 900px;
}

#footer
{
align: center;
clear: both;
margin: auto;
height: 40px;
background: #999999;
padding: 20px; 20px; 20px; 20px;
}

#footer .gutter
{
height: 0%;
padding: 0% 0% 0% 0%;


html:

<div id="container">
<div id="header" style="overflow:hidden; width: 1050px;"><img src="mcheaderr.jpg" height="115" alt="millennium cars" /></div>
<div id="navigation" style="background-color:#999999; height:900px;"><var>navigation[1|2|3]</var>
<div style="width:200px;top:+12px; height:32px; background-color:#999999"></div>
<div id="sidebar"><var>sidebar</var></div>
</div>
</div>
<div id="content" style="position:relative; padding-top:20px; height:900px;"><var>content</var></div>
<div id="footer" style="position:relative; width:1010px;"><var>footer</var></div>
<div class="gutter"></div>
<br />


freu mich jetzt schon auf eure hilfe

VIELEN DANK VORAB

Gruß TM
TM1978
neu hier
 
Beiträge: 4
Registriert: 22.05.2010, 18:49
Nach oben

Re: Content verschiebt sich bei älteren ie-versionen

Beitragvon sejuma » 23.05.2010, 08:52

Könnte an einem fehlenden oder falschen Doctype liegen.
Deshalb bitte einen Link zur kompletten Problemseite.

Hier darf kein "+" stehen:
Code: Alles auswählen
<div style="width:200px;top:+12px; height:32px; background-color:#999999"></div>
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46
Nach oben

Re: Content verschiebt sich bei älteren ie-versionen

Beitragvon TM1978 » 23.05.2010, 12:49

hallo

danke für deine antwort - hab das "+" entfernt. hat allerdings nichts verändert.

hier der komplette quelltext:

<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>MC Car Trading Ltd. &amp; Co KG - Die Nummer 1 bei Neufahrzeugen und jungen Gebrauchten</title>
<link rel="shortcut icon" href="http://millennium-cars.at/s/misc/favicon.ico"/>
<meta name="keywords" content="bmw, audi, vw, skoda, fiat, mercedes, porsche, alfa, ford, seat, gebrauchtwagen, neuwagen, werkswagen, jahreswagen, vorführwagen"/>
<meta name="description" content="Ihr kompetenter Ansprechpartner rund ums Thema Auto."/>
<meta name="language" content="de"/>
<meta name="robots" content="index,follow"/>
<link href="http://millennium-cars.at/s/style/main.css?1274615170" rel="stylesheet" type="text/css"/>
<link href="http://millennium-cars.at/s/style/layout.css?1274615170" rel="stylesheet" type="text/css"/>
<link href="http://millennium-cars.at/s/style/font.css?1274615170" rel="stylesheet" type="text/css"/>
<link href="http://cdn.website-start.de/app/cdn/min/group/web.css?20090901" rel="stylesheet" type="text/css"/>
<link href="http://cdn.website-start.de/app/cdn/min/group/logincallout.css?20090901" rel="stylesheet" type="text/css"/>

<link href="http://cms.website-start.de/app/logstate2-css.php?site=642460345&amp;t=1274615198" rel="stylesheet" type="text/css"/>

<script type="text/javascript">
/* <![CDATA[ */
var systemurl = 'http://cms.website-start.de/';
var webPath = '/';
var proxyName = '';
var webServerName = 'millennium-cars.at';
var sslServerUrl = 'https://ssl.kundenserver.de/millennium-cars.at';
var nonSslServerUrl = 'http://millennium-cars.at';
var webserverProtocol = 'http://';
var nghScriptsUrlPrefix = webserverProtocol + "jimdocms-mod.schlund.de";
var jimdoData = {
cdnUrl: webserverProtocol + 'cdn.website-start.de/'

,websiteCreation: 1244659643,
loginCallout: {
period: 2419200,
text: {
title: "Homepage bearbeiten",
content: "Um Ihre Seite zu bearbeiten, klicken Sie auf <b>Einloggen</b> und geben Ihr Passwort ein",
close: "Fenster schließen (esc)"
}
}
};

/* ]]> */
</script>
<script src="http://cdn.website-start.de/app/cdn/min/group/web.js?20090901" type="text/javascript"></script>

<script>
jQuery.noConflict();
var Modul = Class.create();
Modul.prototype = {
moduleId: null,
initialize: function(moduleId){ this.moduleId = moduleId; }
};
var mm = { author: 'weRule' };
var script_basisID = "642460345";

</script>
<script src="http://jimdocms-mod.schlund.de/mod/common/files/generated/modules-main-de_DE.js"></script>
<link href="http://jimdocms-mod.schlund.de/mod/common/files/generated/modules-main.css" rel="stylesheet" type="text/css"/>

<meta name="author" content="Millennium Cars"/>
<meta name="publisher" content="Millennium Cars"/>
<meta name="copyright" content="Millennium Cars"/>
<meta name="description" content="Ihr kompetenter Ansprechpartner bei Neu- und Jungwägen !!"/>
<meta name="keywords" content="Neufahrzeuge, Gebrauchtfahrzeuge, Neuwagen, Neuwägen, Gebrauchtwagen, Audi, A3, A4, A5, A6, A8, S3, S5, S6, S8, BMW, Skoda, Seat, Porsche, VW, Mercedes, Fiat, Opel, Toyota, Lexus, Autokauf, Autokredit, Leasing, KFZ, Automobile, EU-Wagen, EU-Neuwagen,EU-Neufahrzeuge, EU-Schnäppchen, Reimporte, Autoimport, Fahrzeugimport, Import,"/>
<meta name="page-topic" content="Branche Produkt"/>
<meta name="page-type" content="HTML-Formular"/>
<meta name="audience" content="Alle"/>
<meta http-equiv="content-language" content="de"/>
<meta name="robots" content="index, follow"/>
</head>

<body class="body cc-pagemode-default" id="page-271804802">


<div id="container">
<div id="header" style="overflow:hidden; width: 1050px;"><img src="http://cms.website-start.de/usertemplates/2019502/img/mcheaderr.jpg" height="115" alt="millennium cars"/></div>
<div id="navigation" style="background-color:#999999; height:900px;"><div><ul id="mainNav1" class="mainNav1"><li><a href="http://millennium-cars.at/" class="current level_1"><span>Startseite</span></a></li><li><a href="http://millennium-cars.at/das-unternehmen/" class="level_1"><span>Das Unternehmen</span></a></li><li><a href="http://millennium-cars.at/neufahrzeuge/" class="level_1"><span>Neufahrzeuge</span></a></li><li><a href="http://millennium-cars.at/gebrauchtfahrzeuge/" class="level_1"><span>Gebrauchtfahrzeuge</span></a></li><li><a href="http://millennium-cars.at/konfigurator-2/" class="level_1"><span>Konfigurator</span></a></li><li><a href="http://millennium-cars.at/fahrzeugankauf/" class="level_1"><span>Fahrzeugankauf</span></a></li><li><a href="http://millennium-cars.at/finanzierung-leasing/" class="level_1"><span>Finanzierung &amp; Leasing</span></a></li><li><a href="http://millennium-cars.at/kfz-versicherung/" class="level_1"><span>KFZ-Versicherung</span></a></li><li><a href="http://millennium-cars.at/fahrzeuganfrage/" class="level_1"><span>Fahrzeuganfrage</span></a></li><li><a href="http://millennium-cars.at/partner/" class="level_1"><span>Partner</span></a></li><li><a href="http://millennium-cars.at/kontakt/" class="level_1"><span>Kontakt</span></a></li><li><a href="http://millennium-cars.at/lageplan/" class="level_1"><span>Lageplan</span></a></li><li><a href="http://millennium-cars.at/agb/" class="level_1"><span>AGB</span></a></li><li><a href="http://millennium-cars.at/rechtshinweis/" class="level_1"><span>Rechtshinweis</span></a></li><li><a href="http://millennium-cars.at/impressum/" class="level_1"><span>Impressum</span></a></li><li><a href="http://millennium-cars.at/häufige-fragen/" class="level_1"><span>Häufige Fragen</span></a></li><li><a href="http://millennium-cars.at/referenzen/" class="level_1"><span>Referenzen</span></a></li></ul></div>
<div style="width:200px;top:12px; height:32px; background-color:#999999"></div>
<div id="sidebar"><div id="matrix_417636702"><div class="n"><h1>Standort</h1></div><div class="n"><p><span style="color: #333333;">Gewerbepark Stadlau</span></p>
<p><span style="color: #333333;">Zwerchäckerweg 39</span></p>
<p><span style="color: #333333;">1220 Wien</span></p>
<p><span style="color: #333333;"><br/></span></p>
<p><span style="color: #333333;">+43/1/734 6000</span></p>
<p> </p></div><div class="n"><h1>Öffnungszeiten</h1></div><div class="n"><p><span style="color: #333333;">Mo-Fr 9-12 / 14-17 Uhr</span></p>
<p><span style="color: #333333;">Sa - nach Vereinbarung</span></p>
<p><span style="color: #333333;"><br/></span></p>
<p><span style="color: #333333;">Um Ihnen lästige Wartezeiten zu ersparen, bitten wir Sie vorab um Terminvereinbarung!</span></p>
<p><span style="color: #333333;"><br/></span></p></div><div class="n"><div class="clearover">
<div style="width:169px; float: left;">
<a href="http://www.wko.at" target="_blank"> <img src="http://millennium-cars.at/s/cc_images/cache_1491358202.png?t=1263141520" id="image_1491358202" alt="" width="169" height="23"/>
</a></div>
</div>

</div><div class="n"><p> </p>
<p> </p></div><div class="n"><h1>Besucher</h1></div><div class="n"> <div id="modul_3368352402_content"><div id="NGH3368352402" class="counter apsinth-clear">
<div class="ngh-counter ngh-counter-skin-neutral_11a" style="height:19px"><div class="char" style="width:7px;height:19px"></div><div class="char" style="background-position:-103px 0px;width:10px;height:19px"></div><div class="char" style="background-position:-7px 0px;width:8px;height:19px"></div><div class="char" style="background-position:-81px 0px;width:11px;height:19px"></div><div class="char" style="background-position:-70px 0px;width:11px;height:19px"></div><div class="char" style="background-position:-70px 0px;width:11px;height:19px"></div><div class="char" style="background-position:-37px 0px;width:11px;height:19px"></div><div class="char" style="background-position:-70px 0px;width:11px;height:19px"></div><div class="char" style="background-position:-212px 0px;width:8px;height:19px"></div></div>
<div class="apsinth-clear"></div>
</div>

</div><script>/* <![CDATA[ */var __NGHModuleInstanceData3368352402 = __NGHModuleInstanceData3368352402 || {};__NGHModuleInstanceData3368352402.server = 'http://jimdocms-mod.schlund.de';__NGHModuleInstanceData3368352402.data_web = null;var m = mm[3368352402] = new Counter(3368352402,697902,'counter');if (m.initView_main != null) m.initView_main();/* ]]> */</script>
</div></div></div>
</div>
</div>
<div id="content" style="position:relative; padding-top:20px; height:900px;"><div id="content_area"><div id="content_start"></div>

<div id="matrix_417636602"><div class="n"><h1>Herzlich Willkommen bei Millennium Cars</h1></div><div class="n"><p> </p>
<p style="text-align: left;">Ihr kompetenter konzernunabhängiger Ansprechpartner im Fahrzeughandel!</p>
<p style="text-align: left;">Wir freuen uns, Sie auf unseren Seiten zu begrüßen und Ihnen Informationen über uns und unsere Fahrzeuge anzubieten.</p>
<p style="text-align: left;"> </p></div><div class="n"><div class="clearover">
<div style="width:750px; float: left;">
<img src="http://millennium-cars.at/s/cc_images/cache_1531087202.png?t=1274561141" id="image_1531087202" alt="" width="750" height="360"/>
<span class="caption">Der neue Audi A5 Sportback - 15% Rabatt auf den Neupreis</span>
</div>
</div>

</div><div class="n"><p style="text-align: center;"> </p>
<p style="text-align: center;"> </p>
<p style="text-align: center;">*** Audi bis -18% *** VW bis -16% *** Skoda bis -16% *** Ford bis -22% *** Mercedes bis -18% ***Seat bis -16% *** Porsche bis -10% ***</p></div></div>

</div></div>
<div id="footer" style="position:relative; width:1010px;"><div id="contentfooter">
<div class="leftrow">
<a rel="nofollow" href="javascript:PopupFenster('http://millennium-cars.at/?print=1');"><img class="inline" height="14" width="18" src="http://cdn.website-start.de/s/img/cc/printer.gif" alt="Druckversion"/>Druckversion</a> |

<a href="http://millennium-cars.at/sitemap/">Sitemap</a>
| <a rel="nofollow" href="javascript:tellafriend(271804802);"><img class="inline" height="14" width="18" src="http://cdn.website-start.de/s/img/cc/mail.gif" alt=""/>Diese Seite weiterempfehlen</a>
<br/>
Copyright © MC Car Trading Ltd. &amp; Co KG
</div>


<div class="rightrow">
<span class="loggedout">
<a rel="nofollow" id="login" href="javascript:showLoginBox('065733560675435123', '271804802', 0);">Einloggen</a>
</span>
<span class="loggedin">
<a rel="nofollow" id="logout" href="http://cms.website-start.de/app/cms/logout.php">Ausloggen</a>
|
<a rel="nofollow" id="edit" href="http://cms.website-start.de/app/642460345/271804802/">Seite bearbeiten</a>
</span>
</div>

</div>
<div id="loginbox" class="hidden">
<div id="resendpw"></div>

<a href="http://1und1.de/"><img class="logo" src="http://cdn.website-start.de/s/img/1and1/logo.gif" alt="1&amp;1" title="1&amp;1"/></a>

<div id="loginboxOuter"></div>
</div>

</div>
<div class="gutter"></div>
<br/>

<script src="http://cdn.website-start.de/app/cdn/min/group/logincallout.js?20090901" type="text/javascript"></script>
</body>
</html>

der doctype ist falsch oder fehlerhaft nehme ich an, oder?

die Seite ist bei 1&1 und ich kann nirgendwo den doctype ändern...

vielleicht kannst du mir auf die sprünge helfen, wäre toll

danke schon mal vorab
TM1978
neu hier
 
Beiträge: 4
Registriert: 22.05.2010, 18:49
Nach oben

Re: Content verschiebt sich bei älteren ie-versionen

Beitragvon sejuma » 23.05.2010, 15:23

Ersetze mal das
Code: Alles auswählen
<!DOCTYPE html>

damit:
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


Wenn das nichts nützt, bitte einen Link zur Seite.
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46
Nach oben

Re: Content verschiebt sich bei älteren ie-versionen

Beitragvon TM1978 » 23.05.2010, 17:01

gerne, wenn du mir sagst wo ich bei 1&1 auf den head zugreifen kann?!
TM1978
neu hier
 
Beiträge: 4
Registriert: 22.05.2010, 18:49
Nach oben

Re: Content verschiebt sich bei älteren ie-versionen

Beitragvon sejuma » 23.05.2010, 18:55

Das hat mit 1&1 doch wohl nichts zu tun.
Öffne mit einem Editor deine html-Seite und ersetze den entsprechenden Code ganz am Anfang der Datei. Dann die Datei abspeichern und nochmal hochladen.

Wie ein evtl. Baukastensystem von 1&1 funktioniert, kann ich dir nicht sagen.
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46
Nach oben

Re: Content verschiebt sich bei älteren ie-versionen

Beitragvon TM1978 » 23.05.2010, 18:59

das versteh ich schon mit dem editor, jedoch wie lade ich den geänderten text dann hoch?
TM1978
neu hier
 
Beiträge: 4
Registriert: 22.05.2010, 18:49
Nach oben
Antwort erstellen

Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Content verschiebt sich bei älteren ie-versionen"

Zurück zu: Fragen zur Homepage

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Optimized by SEO phpBB, Deutsche Übersetzung durch phpBB.de