Du bist nicht angemeldet.

Truck007

kennt sich schon ein bisschen aus

  • »Truck007« ist der Autor dieses Themas

Beiträge: 135

Wohnort: Hohenmölsen

  • Private Nachricht senden

1

Sonntag, 26. Februar 2012, 16:19

content Bereich will nicht größer

Hallo Zussammen,
ich hab ein Problem:

ich hab ne Seite, in der Seite einen Navigation und ein Main Teil(Conntent bereich)
wenn ich in diesen bereich etwas drinn habe hab ich eine minimal höhe angegeben.
diese wird auch ausgeführt. wenn ich aber nun einnen link anklicke und die nechste Seite mit ajax geladen wird ist mehr schrift drinn und die Schrifft geht über diesen bereich und es sieht demendsprehcnend auch so aus( unschön ^^)
nun meine Frage wie bekomm ich das hin, dass der Bereich soch vergrößert wenn mehr Text reinkommt.
AM laden mit ajax kanns net iegen denn wenn ich gleich auf ie erste seite soviel Text mache dann steht es trotzdem über.

bitte umSChnelle Hilfe.

Code:
HTML(vom mainbereich):

Quellcode

1
<span class="syntaxdefault"><br /></span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div id</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"main_background"</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div id</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"main_conntent"</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">        </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">h1</span><span class="syntaxkeyword">></span><span class="syntaxdefault">Willkommen</span><span class="syntaxkeyword">!!!</</span><span class="syntaxdefault">h1</span><span class="syntaxkeyword">><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">        Sie benfinden sich gerade auf der neunen Website Der SUHHM</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">AG</span><span class="syntaxkeyword">.<br /></span><span class="syntaxdefault">        Klicken sie sich doch mal durch die Navigation um mehr </span><span class="syntaxkeyword">&</span><span class="syntaxdefault">uuml</span><span class="syntaxkeyword">;</span><span class="syntaxdefault">ber uns zu erfahren</span><span class="syntaxkeyword">.</span><span class="syntaxdefault"> </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">        Diese Website ist noch im Auf bau und wird noch nicht von allen Browsern unterst</span><span class="syntaxkeyword">&</span><span class="syntaxdefault">uuml</span><span class="syntaxkeyword">;</span><span class="syntaxdefault">tzt</span><span class="syntaxkeyword">!<br /></span><span class="syntaxdefault">    adfsdf</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">SDFAASDF</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FASD</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FASD</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FA</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">SDF</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">SDAF</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">ASD</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FSD</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FASD</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FAS</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">DFS</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">ADFSD</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FS</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">ADFAS</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">DFAS</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">F</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">ASDF</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">ASDF</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">SDFA</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">adfsdf</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">SDFAASDF</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FASD</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FASD</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FA</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">SDF</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">SDAF</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">ASD</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FSD</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FASD</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FAS</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">DFS</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">ADFSD</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">FS</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">ADFAS</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">DFAS</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">F</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">ASDF</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">ASDF</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/></span><span class="syntaxdefault">SDFA</span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/><br /><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div id</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"main_news"</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">        </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">h3</span><span class="syntaxkeyword">></span><span class="syntaxdefault">News</span><span class="syntaxkeyword"></</span><span class="syntaxdefault">h3</span><span class="syntaxkeyword">><br /><br /><br /><br /></span><span class="syntaxdefault">        </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div class</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"news_block_background"</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">            </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">p class</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"news_headline"</span><span class="syntaxkeyword">></span><span class="syntaxdefault">Neue Website</span><span class="syntaxkeyword"></</span><span class="syntaxdefault">p</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">            Dies ist eine neue Website und wird noch erstellt</span><span class="syntaxkeyword">!<</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">            Derzeitige Optimierung f</span><span class="syntaxkeyword">&</span><span class="syntaxdefault">uuml</span><span class="syntaxkeyword">;</span><span class="syntaxdefault">r Browser</span><span class="syntaxkeyword">:<</span><span class="syntaxdefault">br </span><span class="syntaxkeyword">/><br /></span><span class="syntaxdefault">            Mozilla Firefox<br />        </span><span class="syntaxkeyword"></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">><br /><br /><br /></span><span class="syntaxdefault">        </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div class</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"news_block_background"</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">            </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">p class</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"news_headline"</span><span class="syntaxkeyword">></span><span class="syntaxdefault">Umwandlung Zur S</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">Gmbh</span><span class="syntaxkeyword"></</span><span class="syntaxdefault">p</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">            Wir haben nun beschlossen</span><span class="syntaxkeyword">,</span><span class="syntaxdefault"> dass wir unser Sch</span><span class="syntaxkeyword">&</span><span class="syntaxdefault">uuml</span><span class="syntaxkeyword">;</span><span class="syntaxdefault">lerunternehmen von einenr Aktiengeselschaft<br />            in eine Sch</span><span class="syntaxkeyword">&</span><span class="syntaxdefault">uuml</span><span class="syntaxkeyword">;</span><span class="syntaxdefault">ler</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">Gmbh umwandeln</span><span class="syntaxkeyword">.<br /></span><span class="syntaxdefault">        </span><span class="syntaxkeyword"></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">><br /><br /><br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword"></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">><br /></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault"> </span>


vom CSS(nur Main bereich und news):

Quellcode

1
<span class="syntaxdefault"><br /></span><span class="syntaxcomment">#main_background {<br /></span><span class="syntaxdefault">    position</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> relative</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    margin</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 0 auto</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    width</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 980px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    margin</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">top</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 200px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    min</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">height</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 560px</span><span class="syntaxkeyword">;</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    background</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">color</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> </span><span class="syntaxcomment">#FFF;<br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword">-</span><span class="syntaxdefault">moz</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">box</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">shadow</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">-</span><span class="syntaxdefault">5px 0px 8px </span><span class="syntaxkeyword">-</span><span class="syntaxdefault">1px </span><span class="syntaxcomment">#909090, 5px 0px 8px -1px #909090;<br /></span><span class="syntaxdefault">  </span><span class="syntaxcomment">/*   border-color: #000;<br />    border-left-style: solid;<br />    border-left-width: 1px;<br />    border-right-style: solid;<br />    border-right-width: 1px;*/<br />/*     -moz-box-shadow: 0px 5px 10px 0px #909090;   */<br /></span><span class="syntaxkeyword">}<br /></span><span class="syntaxcomment">#main_conntent {<br /></span><span class="syntaxdefault">    float</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> left</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    margin</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 5px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    padding</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 5px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    height</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 100</span><span class="syntaxkeyword">%;<br /></span><span class="syntaxdefault">    width</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 700px</span><span class="syntaxkeyword">;<br />}<br /></span><span class="syntaxcomment">#main_conntent h1 {<br /></span><span class="syntaxdefault">    text</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">align</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> center</span><span class="syntaxkeyword">;<br /><br />}<br /></span><span class="syntaxcomment">#main_left {<br /></span><span class="syntaxdefault">    margin</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">left</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 0px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    height</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 100</span><span class="syntaxkeyword">%;<br /></span><span class="syntaxdefault">    width</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 55px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    background</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">image</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">-</span><span class="syntaxdefault">moz</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">linear</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">gradient</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">rgba</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">180</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">180</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">180</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">0.2</span><span class="syntaxkeyword">),</span><span class="syntaxdefault"> rgba</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">154</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">154</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">154</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">0.8</span><span class="syntaxkeyword">));<br />}<br /></span><span class="syntaxcomment">#main_news {<br /></span><span class="syntaxdefault">    float</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> right</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    overflow</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> hidden</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    width</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 192px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    height</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 100</span><span class="syntaxkeyword">%;<br /></span><span class="syntaxdefault">    border</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">left</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">color</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> </span><span class="syntaxcomment">#0054FF;<br /></span><span class="syntaxdefault">    border</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">left</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">width</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 1px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    border</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">left</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> solid</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    padding</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 10px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    margin</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">top</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 5px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    margin</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">bottom</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 5px</span><span class="syntaxkeyword">;<br />}<br /></span><span class="syntaxcomment">#main_news h3<br /></span><span class="syntaxkeyword">{<br /></span><span class="syntaxdefault">    margin</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">top</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 3px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    text</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">align</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> center</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    border</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">bottom</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">color</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> </span><span class="syntaxcomment">#0054FF;<br /></span><span class="syntaxdefault">    border</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">bottom</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> solid</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    border</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">bottom</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">width</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 1px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    font</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">size</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> medium</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    font</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">weight</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> lighter</span><span class="syntaxkeyword">;<br />}<br />.</span><span class="syntaxdefault">news_block_background </span><span class="syntaxkeyword">{<br /></span><span class="syntaxdefault">    background</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">color</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> rgba</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">162</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">162</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">162</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">0.4</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    </span><span class="syntaxkeyword">-</span><span class="syntaxdefault">moz</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">border</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">radius</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 5px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    width</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 175px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    height</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> auto</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    border</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> solid 4px rgba</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">162</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">162</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">162</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">0.2</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    padding</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 1px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    margin</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">top</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 10px</span><span class="syntaxkeyword">;<br />}<br />.</span><span class="syntaxdefault">news_headline </span><span class="syntaxkeyword">{<br /></span><span class="syntaxdefault">    background</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">color</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> rgba</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">162</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">162</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">162</span><span class="syntaxkeyword">,</span><span class="syntaxdefault">0.2</span><span class="syntaxkeyword">);<br /></span><span class="syntaxdefault">    margin</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 0px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    padding</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">left</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 5px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    width</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 171px</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    height</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 2em</span><span class="syntaxkeyword">;<br /></span><span class="syntaxdefault">    line</span><span class="syntaxkeyword">-</span><span class="syntaxdefault">height</span><span class="syntaxkeyword">:</span><span class="syntaxdefault"> 2em</span><span class="syntaxkeyword">;<br />}<br /></span><span class="syntaxdefault"> </span>

Bitte um schnelle Hilfe.

MFG Truck007

2

Sonntag, 26. Februar 2012, 16:43

Re: content Bereich will nicht größer

Was genau lädst du denn mit AJAX? Einen neuen "main_news DIV" ? Vielleicht gibts du dem neuen Content den du lädst einfach eine feste Breite?

Truck007

kennt sich schon ein bisschen aus

  • »Truck007« ist der Autor dieses Themas

Beiträge: 135

Wohnort: Hohenmölsen

  • Private Nachricht senden

3

Sonntag, 26. Februar 2012, 17:51

Re: content Bereich will nicht größer

Hallo
danke für deine antwort.

Also ich hab hier mal den code:

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
    $('#nav_conntent ul li, #nav_conntent ul li a').live('click',function(){
        var pageToLoad = $(this).attr("href");
        var pageContent;
        $.get(pageToLoad, function(data){
            pageContent=data;
            $('#main_conntent').fadeOut('slow', function(){
                $('#main_conntent').html(pageContent);
                $('#main_conntent').slideDown(2000);
            });
        });
        return false;
    });
});

aber wenn ich das gleich auf die erste seite mache, wo noch kein Ajax benutzt worden ist, steht das ja auch schon über.

MFG Truck007

4

Sonntag, 26. Februar 2012, 18:20

Re: content Bereich will nicht größer

Hmmm...

Ersetze mal bitte zum Test deinen ganzen Main Content

Quellcode

1
2
3
4
5
6
7
8
9
    <div id="main_conntent">
        <h1>Willkommen!!!</h1><br />
        Sie benfinden sich gerade auf der neunen Website Der SUHHM-AG.
        Klicken sie sich doch mal durch die Navigation um mehr &uuml;ber uns zu erfahren. <br />
        Diese Website ist noch im Auf bau und wird noch nicht von allen Browsern unterst&uuml;tzt!
    adfsdf<br />SDFAASDF<br />FASD<br />FASD<br />FA<br />SDF<br />SDAF<br />ASD<br />FSD<br />FASD<br />FAS<br />DFS<br />ADFSD<br />FS<br />ADFAS<br />DFAS<br />F<br />ASDF<br />ASDF<br />SDFA<br />
adfsdf<br />SDFAASDF<br />FASD<br />FASD<br />FA<br />SDF<br />SDAF<br />ASD<br />FSD<br />FASD<br />FAS<br />DFS<br />ADFSD<br />FS<br />ADFAS<br />DFAS<br />F<br />ASDF<br />ASDF<br />SDFA<br />

    </div>


mit

Quellcode

1
2
3
4
5
6
7
8
9
10
    <div id="main_conntent">
<div style='width:700px;'>
        <h1>Willkommen!!!</h1><br />
        Sie benfinden sich gerade auf der neunen Website Der SUHHM-AG.
        Klicken sie sich doch mal durch die Navigation um mehr &uuml;ber uns zu erfahren. <br />
        Diese Website ist noch im Auf bau und wird noch nicht von allen Browsern unterst&uuml;tzt!
    adfsdf<br />SDFAASDF<br />FASD<br />FASD<br />FA<br />SDF<br />SDAF<br />ASD<br />FSD<br />FASD<br />FAS<br />DFS<br />ADFSD<br />FS<br />ADFAS<br />DFAS<br />F<br />ASDF<br />ASDF<br />SDFA<br />
adfsdf<br />SDFAASDF<br />FASD<br />FASD<br />FA<br />SDF<br />SDAF<br />ASD<br />FSD<br />FASD<br />FAS<br />DFS<br />ADFSD<br />FS<br />ADFAS<br />DFAS<br />F<br />ASDF<br />ASDF<br />SDFA<br />
</div>
    </div>


Ändert sich was? Besser?

Weiß nicht ob der Code hilft denn aktuell bin ich nicht sicher welcher "Bereich" du genau meinst der vergrößert (in Höhe oder Breite) werden soll (bzw. überlappt), vielleicht hast du da nen Link (falls schon online) wo man sich das ganze anschauen könnte?

Truck007

kennt sich schon ein bisschen aus

  • »Truck007« ist der Autor dieses Themas

Beiträge: 135

Wohnort: Hohenmölsen

  • Private Nachricht senden

5

Sonntag, 26. Februar 2012, 19:13

Re: content Bereich will nicht größer

Also wenn ich dass einsetzte dann is alles wo anderst und verschoben also so gehts nicht!!!

Hier ich habs mal hochgeladen:
<!-- m --><a class="postlink" href="http://truck007.tr.funpic.de/Suhhm/">http://truck007.tr.funpic.de/Suhhm/</a><!-- m -->

hoffe du blickst jetzt durch :)

MFG Truck007

Truck007

kennt sich schon ein bisschen aus

  • »Truck007« ist der Autor dieses Themas

Beiträge: 135

Wohnort: Hohenmölsen

  • Private Nachricht senden

6

Sonntag, 26. Februar 2012, 20:51

Re: content Bereich will nicht größer

Vielleicht liegt es ja auch daran, dass das hintergrundbereich keinen direkten text hat sondern nur mnoch mehr bereiche ?

kann es heute nicht mehr ausbrobieren muss morgen früh raus.

MFG Truck007

7

Montag, 27. Februar 2012, 18:55

Re: content Bereich will nicht größer

Zitat von »"Truck007"«


Hier ich habs mal hochgeladen:
<!-- m --><a class="postlink" href="http://truck007.tr.funpic.de/Suhhm/">http://truck007.tr.funpic.de/Suhhm/</a><!-- m -->


Der Link läd leider nicht...

8

Montag, 27. Februar 2012, 19:25

Re: content Bereich will nicht größer

Lieber Truck007,

ich bitte dich darum, dich an die Regeln dieses Forums zu halten!

Grüße
Laura