IE verschiebt design GELÖST

Chakky

Chakky

Member of Honour
//Edit

hab das problem gelöst hab jetzt statts prozentangabe in den tables einfach pixel werte genommen jetzt interpretiert es der IE auch ohne probleme und zeigt die seite ohne verschiebung an

//edit ende

Hallo,

ich hab eine homepage mir gebastelt und CSS genommen für mein Design problem nur:
der IE versteht scheinbar das css nicht oder falsch

Firefox und co zeigen alles normal an.

Bilder:
Firefox
ff.JPG


IE
ie.JPG


wie behebe ich sowas?

danke
 
RE: IE verschiebt design

Original von Chakky
wie behebe ich sowas?
Zum Vergrößern anklicken....
Indem du deine divs anders anordnest. Das in der Mitte hat doch bestimmt eine width von 100% so wie es aussieht, da kriegst du immer Probleme im IE6. Im IE7 ist das CSS Boxmodell übrigens gefixt, da sollte es also stimmen.

Schau dir mal http://www.stichpunkt.de/css/4-box.html an. Das klappt auch im IE6.
Weitere Beispiele findest du auf http://www.intensivstation.ch/templates/
 
Original von Indi
stellst du html- und css-code rein, wird das problem schnell gelöst sein.
Zum Vergrößern anklicken....

schon dabei...

html teil:
Code: 
<html>
<head>
<title>Blitzer-Standort.de -- chemnitz</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>

<div id="logo">
	<div align="center">
<img src="images/blitzer_logo.jpg" border="0">
  </div>
</div>

<div id="inhalt"><pre>
<div align="left">
  <table border="1"  cellpadding="0" cellspacing="1" width="90%" height="43">
    <tr>
      <td width="100%" height="21">11:41 6 Mar,  2007  geschrieben von Webmaster </td>
    </tr>
    <tr>
      <td width="100%" height="18">
      <h4>Seite geht Online!</h4><br>Hallo,

heute ging nach langer BetaPhase und viel Nerven die Seite Online.
Ich hoffe auf rege beteiligung. Es können fehler gemeldet werden unter:
webmaster@blitzer-standort.de oder direkt im Forum.

MfG
Chakky </td>

    </tr>
  </table>
</div>

</pre>
</div>

<div id="links"><p><strong>Menü</strong></p>
<a href="index.php?stadt=chemnitz">Startseite </a><br>

<a href="index.php?page=stationaere&stadt=chemnitz">Stationäre Blitzer</a><br>
<a href="index.php?page=versteckte&stadt=chemnitz">Versteckte Blitzer</a><br>

<a href="http://www.blitzer-standort.de/forum/" target="_blank">Forum</a><br>

<br>
Stadt wechseln?<br>
<font size="-4"><b>ohne</b> Postleitzahl</font>
<form action="index.php?page=wechsel" method="POST">
<input type="text" name="stadtw">
<input type="submit" value="OK">
</form>
Aktuell in: <b>chemnitz</b>

</div>

<div id="rechts"><p><strong>Menü</strong></p>
<a href="index.php?page=add_blitzer&stadt=chemnitz">Blitzer Hinzufügen</a><br>
<a href="index.php?page=add_standort&stadt=chemnitz">Standort Hinzufügen</a><br>
<a href="index.php?page=alle_blitzer&stadt=chemnitz">Alle Blitzer</a><br>
<a href="index.php?page=neusten_blitzer&stadt=chemnitz">Neusten Blitzer</a><br>


</div>
<div id="rechts_2"><p><strong>Links</strong></p>

<a href="index.php?page=link_liste&stadt=chemnitz">Linkliste</a><br>
<a href="index.php?page=contact">Kontakt</a><br>
</div> 
<div id="back"><a href="index.php?page=impressum&stadt=chemnitz">IMPRESSUM</a> <br>
<font size="-5" color="White">Version: 0.8 Copyright by blitzer-standort.de</font> 
</div>

</body>
</html>

css teil
Code: 
body {
  padding: 0px;
  margin: 0px;
  background-color: #DCDCDC;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #000000; }

A { }

A:link {
  color: ButtonText; }

A:visited {
  color: ButtonText; }

A:hover {
  color: ButtonText; }

A:active {
  color: ButtonText; }

#logo {
  height: 100px;
  margin: 10px;
  background-color: #DCDCDC; }

#inhalt {
  width: auto;
  min-width: 120px;
  padding: 5px;
  margin-top: 0px;
  margin-right: 180px;
  margin-bottom: 0px;
  margin-left: 180px;
  background-color: #F8F8FF; }

#links {
  position: absolute;
  top: 120px;
  left: 10px;
  width: 160px;
  height: 300px;
  text-align: center;
  background-color: #F8F8FF; }

#rechts {
  position: absolute;
  top: 120px;
  right: 10px;
  width: 160px;
  height: 300px;
  text-align: center;
  background-color: #F8F8FF; }

p {
  font-size: 0.8em;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px; }

pre {
  font-size: 12px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px; }

#back {
  padding: 15px;
  text-align: center; }

#back a {
  color: white;
  font-size: 0.8em;
  font-weight: 600; }

.rot {
  color: red;
  font-size: 1.3em;
  font-weight: bold; }

#rechts_2 {
  position: absolute;
  top: 440px;
  right: 10px;
  width: 160px;
  height: 150px;
  text-align: center;
  background-color: #F8F8FF; }

Schau dir mal http://www.stichpunkt.de/css/4-box.html an. Das klappt auch im IE6.
Weitere Beispiele findest du auf http://www.intensivstation.ch/templates/
Zum Vergrößern anklicken....

mein design hab ich mir ja davon abgeschaut :)
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben