Willkommen auf dem Portal für Mediengestalter

dereza · Threadersteller

Hallo zusammen,

kann mir jemand helfen? Die Internetseite sieht in Mozilla gut aus. Im IE tretten die Probleme auf. Alle Container sind verrutscht. * Ich geb auf... *

Gibt es einen Weg, die Seite für beide Browser anzupassen?

Vielen Dank im Voraus!

Hier ist der Quellcode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

body {
color: black;
background-color: #00CCFF;
font-size: 100%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em 0;
text-align: center; /* Zentrierung im Internet Explorer */
}

#container {
text-align: left;
margin: 0em auto;
width: 1024px;
padding: 0;
background-color:#00CCFF;
border: 2px ridge silver;
}

#logo {
margin: 0px 550px 0px 0px;
height:150px;
width:170px;
background-color:#FFCC00;
background-repeat:no-repeat;
background-image:url(img/logo.jpg);
}

#header {
width:804px;
height:100px;
margin: 0px 0px 0px 200px;
background-color:#666666;
float:right;
}

#mainnav {
width:800px;
height:45px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#006699;
border-style:solid;
color: #ffffff;
}

#mainnav ul {
margin: 15px 0 0 15px;
padding: 0px;
list-style-type: none;
text-decoration:none;
text-align:center;
}

#menu ul a {
text-decoration:none;
}

#menu ul a:hover {
text-decoration:none;
}

#mainnav li {
display:inline;
padding:0 20px 0 20px;
border-right:3px;
border-right-style:solid;}

#mainnav li a {
text-decoration:none;
color:#FFFFFF;
font-size:12px;
}

#mainnav li a: hover {text-decoration:none; color:#FFFFFF;}
#mainnav li a: link {color:#FFFFFF;}
#mainnav li a: visited {color:#FFFFFF;}
#mainnav li a: active {color:#00CCFF;}

#raum{
margin: 0px 0px 0px 0px;
text-align: center;
height:50px;
width: 1024px;
padding: 0;
background: #00CCFF;
border: 2px ridge silver;
clear:both;
}

#werbeflaeche {
margin: 0px 550px 40px 0px;
width:170px;
height:500px;
background-color:#FFFFFF;
}

#content {
width:804px;
height:500px;
margin: 0px 0px 0px 220px;
padding: 0;
float:right;
background-color:#FFFFFF;
}

#contents p {
line-height: 150%;}

#fusszeile {
clear: both;
font-size: 0.5em;
margin: 0; padding: 0.1em;
text-align: center;
background-color: #fed;
border-top: 1px solid silver;
}

#h2 {
color:#FF0000;
margin-left:220px;
margin-top:30px;
text-align:left;
text-decoration:none;
}

</style>

</head>

<body>

<div id="container">

<div id="header"><img src="img/headerstart.jpg"/>
<div id="mainnav"><ul><li><a href="#"><b>HOME</b></a></li>
<li><a href="#"><b>FAHRAUSBILDUNG</b></a></li>
<li><a href="#"><b>FAHRLEHRER</b></a></li>
<li><a href="#"><b>FAHRZEUGE</b></a></li>
<li><a href="#"><b>ANMELDUNG</b></a></li>
</ul></div>

</div>

<div id="logo">
</div>

<div id="raum">
<div id="h2"><b>Unsere Filialen</b></div>
</div>

<div id="content">
<p>Mönchengladbach</p>
<p>Neuss</p>
</div>

<div id="werbeflaeche">
</div>

<div id="fusszeile">
Diese Fußzeile stellt innerhalb des umschließenden DIVs den Elementenfluss wieder her.
</div>

</div>

</body>
</html>

Kash · Moderator

wo verschiebt sich etwas?

top · **Verfasst** Mo 27.10.2008 13:25 **Titel**

Das liegt am "margin".

Versuch es mal so:

dereza · Threadersteller

Ja! Es hat geklappt! Danke schööööön!!!!

dereza · Threadersteller

Bitte noch mal um Hilfe! Ich habe zwei Bilder als Links.

An MAC sehen die richtig aus. Am PC ist so ein blauer Rand drumherum. Wie kann man den loswerden?

Ich verstehe, dass es mit Link-Definitionen zu tun hat, aber wo und was man definieren muss?

pixelpapst303 · Moderator

zum css dazu:

dereza · Threadersteller

Willkommen auf dem Portal für Mediengestalter

Thema: Website für IE optimieren vom 27.10.2008

Website für IE optimieren

Re: Website für IE optimieren

Re: Website für IE optimieren

Re: Website für IE optimieren