Layout (automatische Anpassung?)

[TheMaverick]

Hallo, ich hoffe ihr könnt mir helfen.

Das Layout auf Ebay wirkt sehr verzogen. Das Problem ist, das sich die Navigationsleiste und der Textblock automatisch an die Bildschirmgröße anpassen soll. Dann wäre das Bild auf der rechten Seite auch unten wo es hingehört. Momentan wirkt es auf IE und Firefox sehr unterschiedlich.

Habe leider keine Ahnung wie ich das machen kann.

Ebay: LEXMARK 17 + 27 Z 23 24 25 33 35 515 617 X 72 74 75 i3 bei eBay.de: Druckerpatronen (endet 24.05.08 17:01:43 MESZ)

Kopiere mal die aktuelle .css hier rein:

/* allgemeine Definitionen */
html, body {
margin:0;
}
body {
font-size:100.1%;
padding:7px;
background:#87cefa;
text-align:center;
}
#seite {
text-align:left;
margin:auto;
width:auto;
}
a {
text-decoration:underline;
color:navy;
}
a:visited, a:hover, a:active {
color:black;
}
a:hover, a:active {
background:white;
}
a:active {
text-decoration:none;
}
img.oka {
border: 0px none;
float:right;
}
/* Textbereich */
#text {
float:left;
clear:none;
width:73%;
margin: 0 0 1em 3em;
padding:1em;
color:black; background:white;
border-width:3px; border-style:solid; border-color: white #999 #999 white;
border-top-width:3px; border-bottom-width:3px;
}
html>body #text {
width:67%;
margin: 0 0 1em 3em;
}
h2 {
font: bold 1em "Century Gothic","Trebuchet MS",Tahoma,Helvetica,sans-serif;
color:black;
}
h2.links {
font: bold 1em "Century Gothic","Trebuchet MS",Tahoma,Helvetica,sans-serif;
color:black;
float:left;
}
h2 img {
float:left;
width:98px;
height:85px;
margin: 0 7px 3px 0;
background:white;
}
h3 {
font: bold 0.91em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
margin: 2em 0 0.5em;
color:black;
}
p {
text-align:justify;
}
p.mitte {
text-align:center;
}
p.links {
text-align:left;
}
p, #text li {
font: normal 0.91em "Century Gothic","Trebuchet MS",Verdana,Tahoma,sans-serif;
word-spacing:0.2em;
}
#text ul {
margin: 0 0 0 1em;
padding-left:0;
}
/* Menue */
#imenu {
float:left;
width:17em;
margin: 0em 0;
height:auto;
background-color:transparent;
border: 0px none;; font-style:normal; font-variant:normal; font-weight:normal; font-size:0.8em; font-family:Tahoma, Adobe Helvetica, Helvetica, Arial, sans-serif; padding-left:1px; padding-right:1px; padding-top:0; padding-bottom:0
}
html>body #imenu {
margin-right:0;
}
#imenu li {
list-style:none;
font-size:1.5em;
float:none;
width:auto;
margin:0;
}
#imenu li a, #imenu li span {
display:block;
text-decoration:none;
margin-bottom:0em; margin-top:0em;
color:white; background:#0099FF;
border-width:1px; border-style:solid; border-color: #5bd #035 #068 #6cf;
border-left: em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
width:99%;
}
html>body #imenu li a, html>body #imenu li span {
width:auto;
}
#imenu li span {
border-color: #069 #6cf #5bd #f30;
background:#17a;
padding: 0.4em 0.35em 0.25em 0.9em;
}
#imenu li a.aktuell {
border-color: #5bd #035 #068 #f30;
}
#imenu li a.oben {
display:block;
text-decoration:none;
font-weight:bold;
margin-bottom:0em; margin-top:0em;
color:white; background:#0033FF;
border-width:1px; border-style:solid; border-color: #5bd #035 #068 #6cf;
border-left: 0em solid #f30;
padding: 0.25em 0.5em 0.4em 0.75em;
width:99%;
}
#imenu li a:hover, #imenu li a.aktuell:hover {
border-color: #069 #6cf #5bd #fc0;
color:white; background:#009900;
padding: 0.4em 0.35em 0.25em 0.9em;
}
#imenu li a:active, #imenu li a.aktuell:active {
border-color: #069 #6cf #5bd white;
color:white; background:#17a;
padding: 0.4em 0.35em 0.25em 0.9em;
}
@media print {
#imenu { display:none; }
#text { border:0 none; float:none; width:auto; margin:0; }
}
<!-
.stra {
border: 1px solid #00A6EB;
}
.Stil1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.Stil5 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.Stil7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.Stil9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
.Stil10 {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom-width: thin;
border-bottom-style: none;
border-bottom-color: #00A6EB;
}
.rahmen {
border-top: thin solid #00A6EB;
border-right: thin solid #00A6EB;
border-bottom: thin solid #00A6EB;
border-left: thin solid #00A6EB;
}
.rahmenO {
border-top: thin solid #00A6EB;
border-right: thin solid #00A6EB;
border-bottom: thin none #00A6EB;
border-left: thin solid #00A6EB;
}
.Stil11 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.Stil12 {font-family: Verdana, Arial, Helvetica, sans-serif}
.Stil13 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #FF0000; }
.rahmenu {
border-top: thin none #00A6EB;
border-right: thin none #00A6EB;
border-bottom: thin solid #00A6EB;
border-left: thin none #00A6EB;
}
.Stil16 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; }
.umb {
}
.Stil18 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.Stil20 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; }
.Stil22 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #FF0000; }
-->

Wenn nötig kann ich euch auch noch den html-code einfügen.

Danke schon mal im voraus.

Michael