Aufbau der Elemente

S

Shanai

Grünschnabel
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
 

Anhänge

  • Elemente IST.pdf
    3,8 KB · Aufrufe: 11
  • Elemente Soll.pdf
    3,9 KB · Aufrufe: 12
Hi,
hm... Link ist doof, weil das ist ein Intranet ;-) sry

Aber hier mal die spezifischen Stylesheets, vlt bringt das ja was?!

Schon mal danke im Vorraus für deine Bemühungen

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
 
Packe "A", "B" und "C" in "D", das mit min-width eine Mindestbreite besitzt, die das endlose Zusammenschieben und Umbrechen der Boxen verhindert.
 
Shanai hat gesagt.:
"D" gibt es doch gar nicht?!
Zum Vergrößern anklicken....
Was du nicht sagst :D

"D" kommt als weiteres <div> hinzu, und beinhaltet dann deine drei best. <div>-Elemente.

Die festgelegte Mindestbreite verhindert dann, dass beim Runterskalieren der Browserfensterbreite die drei Boxen "zusammengestaucht" und in der weiteren Folge umgebrochen werden können.

Stattdessen zeigt dann der Browser den horizontalen Scrollbalken, wenn seine Fensterbreite diese Mindestbreite unterscheitet.
 
Wie kann ich das DIV hinzufuegen? Kann ich dir mal die PHP-Datei zuschicken, damit du mir das zeigen kannst?! Sorry, aber ich versteh von Programmierung und Web-Design zwar schon viel, aber doch nur mäßig. Und was für eine Mindestbreite muss ich da festlegen?

glg
Shanai
 
Vereinfacht:
HTML: 
<body>
  <div id="D">
    <div id="A"></div>
    <div id="B"></div>
    <div id="C"></div>
  </div>
</body>
Die Mindestbreite für "D" ergibt sich aus der Summe der drei existierenden <div> ("A" bis "C") und ihrer Breiten.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück