Dynam. Container, links Menü (fest), rechts Content (dynam.)

Dynam. Container, links Menü (fest), rechts Content (dynam.)

Beitragvon silvercore » 13.12.2011, 14:23

Hallo,

ich habe ein wahrscheinlich recht einfach zulösendes Anliegen, wo ich aber nicht weiter komme.

Und zwar habe ich einen Wrapper (Container) mit den Eigenschaften:
#wrapper {
min-width:980px;
max-width:1200px;
width:92%; // 92, damit man noch etwas Hintergrund vom Body sieht
margin:0 auto;
}

In dem Wrapper ist links ein Menü mit den Eigenschaften:
#menu {
float:left;
width:200px;
margin-right:10px;
}

Und dann zum Problem "content":
#content {
???
}


Das Div "content" soll sich relativ zum "wrapper" zu 100% ausbreiten, jedoch "menu" berücksichtigen, welches eine feste Breite von 200px hat.

Habe schon alles was mir einfiel ausprobiert. Mit float left/right, clear left/right/both, min-width, max-width, etc.

Hat jemand von euch einen Lösungsvorschlag für mich? :-)

css-info-wrapper.jpg
silvercore
neu hier
 
Beiträge: 4
Registriert: 13.12.2011, 13:26

Re: Dynam. Container, links Menü (fest), rechts Content (dynam.)

Beitragvon silvercore » 13.12.2011, 14:24

Bild :-)
Dateianhänge
css-info-wrapper.jpg
Skizze
css-info-wrapper.jpg (24.17 KiB) 177-mal betrachtet
silvercore
neu hier
 
Beiträge: 4
Registriert: 13.12.2011, 13:26

Re: Dynam. Container, links Menü (fest), rechts Content (dynam.)

Beitragvon djheke » 13.12.2011, 15:39

Versuch mal so
Code: Alles auswählen

#links {
width:200px;
float:left;
}

#rechts {
margin-left:200px;
}

#navi {
margin:wie du willst;
padding:wie du willst;
background:deine lieblingsfarbe;
}

#content {
margin:wie du willst;
padding:wie du willst;
background:deine lieblingsfarbe;
}


Code: Alles auswählen
<body>
<div id="wrapper">

<!-- Hier kann dein Header rein-->

<div id="links">
  <div id="navi">
</div>
</div>

<div id="rechts">
<div id="content">
</div>
</div>

<!-- Hier kann dein Footer hin-->

</div><!-- /wrapper -->

Benutzeravatar
djheke
Stammuser
 
Beiträge: 233
Registriert: 15.11.2010, 22:45

Re: Dynam. Container, links Menü (fest), rechts Content (dynam.)

Beitragvon silvercore » 13.12.2011, 19:44

Oh man, dass war jetzt aber einfach!

Man sollte öfter mal lieber nicht so komplziert denken, dann klappts auch ;-)

Danke schön!

Das mit dem #links und #rechts habe ich allerdings nicht verstanden.
Habs weg gelassen.

Beim nächsten mal sollte ich vielleicht eher in das Forum "CSS für Anfänger" posten :-)
silvercore
neu hier
 
Beiträge: 4
Registriert: 13.12.2011, 13:26

Re: Dynam. Container, links Menü (fest), rechts Content (dynam.)

Beitragvon djheke » 13.12.2011, 21:54

Aber #links solltest du nehmen um dir unnötigen Ärger mit margin und padding zu ersparen. Googel nach dem Boxmodell und du wirst versehen.
Benutzeravatar
djheke
Stammuser
 
Beiträge: 233
Registriert: 15.11.2010, 22:45

Re: Dynam. Container, links Menü (fest), rechts Content (dynam.)

Beitragvon silvercore » 13.12.2011, 23:06

Danke für den Tipp,

aber #wrapper hat schon einen Padding und #content braucht keinen.
Hab einfach statt 200px (margin-left), dann 210px genommen für content.
Ist dann ja quasi wie ein Padding :-)
silvercore
neu hier
 
Beiträge: 4
Registriert: 13.12.2011, 13:26


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Dynam. Container, links Menü (fest), rechts Content (dynam.)"

Zurück zu: CSS für Fortgeschrittene

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast