Darstellungsprobleme mit IE

[mrepox]

Hallo Leute,

ich benötige dringend eure Hilfe.
Ich realisiere grade eine Website für einen Reiseanbieter und erstelle diese unter Linux , Firefox und Konqueror sind meine Browser.

Mit diesen Browsern habe ich eine korekte Darstellung, auch unter XP mit dem IE6 sah alles nach kleinen Änderungen gut aus.

Mein Bekannter mit Win2000 lieferte mir allerdings dieses erschreckende Bild.
http://webexil-linux.de/africa_for_real/images/win2000.jpg

Der Aufbau ist folgender:

Header
Inhalt mit drei Spalten (links und rechts sind breite Border!)
Footer

Kann mir jemand bei der Lösung des Problems helfen?

Hier die Url:

http://www.webexil-linux.de/africa_for_real/



Hier das CSS:

body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #564b47;}
a:visited {color:#564b47;}
a:hover {color: #D05A2B;}
a:active { color:#000000;}

td { 
font-size: 12px;
font-family: Verdana,Arial,Helvetica,sans-serif;
background-color: #e1ddd9;
border:1px solid #c0c0c0;
padding:10px ;
}

input:focus {
background: #ffd1bf;
}

input#senden {
margin-top: 5px;
width: auto;
}

h1 {
font-size: 12px;
text-transform:uppercase;
background-image: url(img/bi_border.png);
/*background-color: #AD8D4B;*/
border-top:1px solid #564b47;
/*border-bottom:1px solid #564b47;*/
padding:5px 15px;
margin:0px }

h3 {
font-size: 12px;
background-image: url(img/bi_border.png);
/*background-color: #E2883C;*/
/*border-top:1px solid #564b47;*/
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font-size:15px;
font-weight: bold;
padding: 5px 0 5px 5px ;
margin:0px;}

.red {
font-size:13px;
text-align:center;
font-weight: bold;
padding: 5px 0 5px 5px ;
margin:0px;
color:#ff0000;
}


img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
border-left:1px solid #564b47;
border-right:1px solid #564b47;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #e1ddd9;
padding: 0px;
margin: 0px; }

#banner img {padding:0px 0px;} 

/* ----------outer und inner----------------- */

#outer{ 
border-left: solid 165px #DBBA75; /* linke Menue Spalten Farbe  */ 
border-right: solid 165px #dba275; /* rechte Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
} 

#inner{margin:0; width:100%; }

/* --------------left und right navigavtion------------- */
#left {
 width:140px; 
 float:left; 
 position:relative; 
 margin-left:-153px; 
 margin-right:1px;
 
 background-image: url(images/bgltheme.jpg);
 }
 #right {
 width:140px; 
 float:right; 
 position:relative; 
 margin-right:-153px; 
 margin-left:10px;
 background-image: url(images/bgtheme.jpg);
 }

/* -----------------Inhalt--------------------- */ 
#content{ 
position: relative; 
margin: 0px; 
border: 1px solid #564b47;
min-height: 300px;
font-size: 12px;
padding: 5px 10px;
}
* html #content { height:300px; } /* nur fr IE 5.5 - 6.x */
html + body #content { height:300px; } /* nur vom IE 5.0 */

p {
font-size: 12px;
font-family: Verdana,Arial,Helvetica,sans-serif;
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; }

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; }

 

[Maik]

Hi,

hast du das Problem mitterlerweile gefixt? Denn bei mir (Win2000, IE6) treten keine Darstellungsfehler auf:

 

[mrepox]

@michaelsinterface

Nein, habe ich nicht. Aber bei meinem Bekannten ists immernoch. Ich kann auch nur sagen das es bei mir
mit FF, Konqueror und XP(IE6) läuft.

@ all

Wie siehts bei euch aus? Sieht wer ein verschobenes Layout?


Gruß Markus

 

[Maik]

Hi,

ich hab mich nochmal durch die einzelnen Projektseiten geklickt und nun auch die Seite entdeckt, in der das Layout verschoben ist. Ich hatte gestern die ersten drei Seiten aufgerufen, und weil dort keine Verschiebungen auftreten, bin ich davon ausgegangen, dass das Problem mittlerweile gefixt wäre, woraufhin ich die letzte (betroffene) Seite nicht mehr aufgerufen habe.

Okay, der Grund ist, das der Beschreibungstext zu Punkt 9 mit dem textarea-Element in einer Zeile notiert ist.

Wenn ich im HTML-Code dazwischen einen Zeilenumbruch einfüge, verschwindet auch der Darstellungsfehler im IE6:

<td colspan="2">Bitte tragen Sie hier die vollständigen Namen der Reisenden ein, bitte mit Geschlecht.
  <textarea name="mitr" class="Bereich" rows="5" cols="60"></textarea>
</td>

Vielleicht hilft dir das weiter.

 

[mrepox]

Hui, ich danke dir. Werde es nachher mal ändern und dann hier nochmal editieren.
Da wäre ich im Leben nicht drauf gekommen.

Gruß Markus

Edit: So, habe es geändert. Leider habe ich kein Windows zum probieren, wäre nett wenn Ihr das testen könnt.

http://webexil-linux.de/africa_for_real/angebot_include.php

 

[Maik]

Hi,

bei mir sieht's jetzt perfekt aus

 

[mrepox]

Prima!

Danke nochmal für den Hinweis und wenn es bei jemanden anders aussieht, bitte melden.
Ich markiere deswegen morgen erst dieses Thema als "erledigt" ab.

Gruß Markus