CSS – Wie verhindere ich, dass sich Inhalts-Div in einem linken Menü mit fester Position überlappt, WENN der Benutzer di ⇐ HTML

[Anonymous]

Hier ist ein Bild zur Verdeutlichung




BEARBEITEN – funktionierende Geige: http://jsfiddle.net/YE7ZZ/

Ich konnte keine funktionierende JS-Geige bekommen, um meine neu zu erstellen Problem, das auf einer Website auftritt, die ich für die Arbeit entwickle, sodass ich die Website auch noch nicht einfach verlinken kann. Ich kann einen Teil meines Codes einfügen, aber lassen Sie mich zuerst erklären:

• Ich habe ein Menü mit fester Position auf der linken Seite
• Ich habe einen Inhaltsabschnitt, der immer in der Mitte des verbleibenden Bereichs positioniert werden sollte, der nicht vom linken Menü eingenommen wird (also nicht in der wahren Mitte der Seite positioniert ist, sondern aufgrund der Existenz des linken Menüs nach rechts verschoben wird).

CSS:

Code: Select all

#wrap {
width:100%;
background-image:url('../images/Imagine/bg_image44.png');
background-attachment:fixed;
}

#top {

}

#left {
position:fixed;
border:1px solid red;
background:pink;
width:250px;
}
#positioner {
margin-left:250px;
width:auto;
background:grey;
}
#content {
border:1px solid green;
width:700px;
margin:auto;
}

HTML

Code: Select all

menu item~~~~~

menu item~~~~~

menu item~~~~~

menu item~~~~~

menu item~~~~~

menu item~~~~~

asdf

asdf

asdf

asdf

Ich würde mich sehr über Hilfe freuen. Ich hatte dieses Problem vor 1,5 Monaten und konnte es nicht beheben, und dachte, es wäre so ein Grenzfall, dass es keine Rolle spielen würde, aber um es kurz zu machen, jetzt passiert es Vielen Dank für Ihre Zeit.