Seite vergrößert sich nicht...

[g4rg4m3l]

hi,
ich hab ein Design mit CSS erstellt; aber auf der Seite Bundestrojaner

wenn man runterscrollt vergrößert sicher der container und die Navi nicht mit...an was liegt das??

 

[gruenspan]

schmeiß mal das height:100% bei div#container raus.

 

[g4rg4m3l]

dann zeigt es meinen Container garnicht an :(

 

[gruenspan]

Sorry, hab ich übersehen. Verzichte auf die relative und absolute Positionierung. Das ist in Deinem Fall nicht nötig.

Wenn Du ein Element absolut Positionierst, nimmst Du es aus dem normalen Fluß des Dokumentes.Andere Elemente haben auf dieses dann keinen Einfluß mehr.

 

[g4rg4m3l]

dann passt meine ganze positionierung nicht mehr :(

 

[</apoclypse>]

so wie ich die sache beurteile hast du den textbereich aus dem elementfluss mit absolute rausgelöst mit position:absolute

mein vorschlag: den textbereich:

#Bundestrojaner
 {
  margin:20px;
[COLOR=red]  float:left; [/COLOR][COLOR=black]/*soweit wie möglich an den linken rand*/[/COLOR]
 
[COLOR=red]  clear:left [/COLOR][COLOR=black]/*es darf kein "linkeres" element geben also direkt darunter*/[/COLOR]
 
 }

Das Banner:

#Banner
 {
  margin:20px;
  [COLOR=red]float:left  [/COLOR][COLOR=black]/*erstes element im container->ganz links*/[/COLOR]
 }

Die Navi:

#Navi
 {
  margin:10px;
  float:left
 }

(die marginwerte sind von mir geschätzt und sonstige größenangaben hab ich weggelassen)

jetz musst du die blöcke noch richtig anordnen:

<div id="container">
 
 <div id="Banner"></div>
 
 <div id="navi"></div>
 
 <div id="Bundestrojaner"></div>
 
</div>

 

[g4rg4m3l]

ja danke, aber dann passt ja gar nichts mehr :(

hat jemand nen vorschlag fürs komplette css, das es so aussieht wie meine Website im Moment ist, nur das sich die Navi mitvergrößert???

und wie erstelle ich so ein Layout, das die Navi eine Frame ist, damit das hinzufügen leichter ist??

 

[</apoclypse>]

sorry ich dachte, dass der orangene hintergrund der navi zum container hintergrund gehört^^

also 1. der div block der navi bekommt garkeinen hintergrund
2. der orangene streifen wird als hintergrund bild in den container integriert und das containerelement wird um repeat:repeat-y erweitert

dann versuchst du nochma meinen code vorschlag...

wenns dann nicht klappt müsst ich ma deinen css code sehn weil so schwer kann das nicht sein.