Aufbau der Elemente

Hallo Leute,

ich bin gerade dabei eine Homepage auf Grundlage eines Mediawikis zu gestalten. Leider sind meine Kentnisse in CSS noch nicht sehr ausgereift, vllt könnt ihr mir ja weiterhelfen...

Im Anhang habe ich zwei Dateien. Datei "ELEMENT SOLL" zeigt den gewünschten Aufbau meiner Homepage. So sieht es auch aus, wenn ich den Browser maximiert geöffnet habe. Wenn ich den Browser (IE) allerdings verkleinere, dann rutschen die Elemente wie in "ELEMENT IST" zusammen, dabei ist ELEMENT C gar nicht mehr sichbar und ELEMENT B irgendwo hinter ELEMENT A. Wie kann ich das verhindern?

Vielen Dank für eure Hilfe!!

Viele Grüße

Isabel

Hi,

schon mal danke im Vorraus für deine Bemühungen [Blockierte Grafik: http://xhtmlforum.de/images/smilies/icon_wink.gif]

Also hier ist der CSS-Code von...

A:
#mw_portlets {
width: 14em;
margin-top: 10.5em;
position: absolute;
}

B:
#mw_content {
margin: 0.6em 0 0 0;
background-color: #EAECEB;
border-top: solid 1px #EAECEB;
border-left: solid 1px #EAECEB;
border-bottom: solid 1px #EAECEB;
line-height: 1.4em;
padding: 0 1em 2em 1em;
}

C (Überschrift):
#sidebar2 {
color: #575855;
font-size: 10pt;
list-style-type: none;
list-style: none;
line-height: 19.5px;
text-align: left;
font-weight: none;
margin: 2em 0 0 85em;
}

C (Unterpunkt):
#sidebar2i {
color: #575855;
font-size: 11pt;
list-style-type: none;
list-style: none;
line-height: 19.5px;
text-align: left;
font-weight: none;
margin: 0em 0 0 78.5em;
}

Viele Grüße

Shanai

Hi,
die absolute Positionierung habe ich gemacht, weil sonst beim Verkleinern des Browsers das Element A unter B verschoben wird und erst am Ende von B sichtbar wird.

lg