CSS Fail ? #main streckt sich nicht!

Sharpadox · 4. Juli 2013

Hey,

normalerweise ist es ja so, wenn man mit HTML eine Seite aufbaut, dass man sich einen
div-Container macht, in dem man alles reinschreibt was es so an Inhalt gibt, und dort einen
Background setzt. Dann streckt sich das Ding, je nach Länge des Textes, auch nach unten.

Doch bei mir ist es IMMER auf der Höhe 350px, und wenn der Text von der Höhe größer ist
als die 350, dann geht der Text einfach in den Footer rein.

So ist die CSS:

PHP

#main {
	background-image:url(images/mainContainer.png);
	background-repeat: repeat-y;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 30px;
	min-height: 350px;
}

Und so ist der Div o:

PHP

<div id="main">
                	<h2 class="mainInner title">Startseite - Aktuelles</h2><br /><br />
                	<p class="mainInner">
                	</p>
                	<div id="news_l" class="float_l">
                    	<b>News Seite bearbeiten (Links)</b>
                    	<form>
                        	<input type="text" name="title_l" placeholder="Hier den Titel des Artikels eingeben:" size="40" /><br /><br />
                        	<textarea name="text_l" placeholder="Hier bitte den Artikel schreiben:" rows="8" cols="60" style="color: #444; font-size:10pt;"></textarea><br /><br />
                        	<b>Infos:</b><br />
                        	&lt;b&gt;Text&lt;/b&gt; Fett schreiben (<b>Text</b>)<br />
                        	&lt;i&gt;Text&lt;/i&gt; Kursiv schreiben (<i>Text</i>)<br />
                        	&lt;u&gt;Text&lt;/u&gt; Unterstrichen schreiben (<u>Text</u>)
                    	</form>
                	</div>
                	<div id="news_r" class="float_r">


                	</div>
            	</div>

Alles anzeigen

Pablo Borsellino · 4. Juli 2013

Schreib mir mal ne PN mit dem kompletten Code der Seite (bzw. einen Link zu der Seite wo man das Problem visuell erfassen kann), dann kann ich dir helfen, so auf schnelle sehe ich da kein Problem.

xGreekz7x · 4. Juli 2013

Hier bitteschön:

HTML

<div id="main">
                    <h2 class="mainInner title">Startseite - Aktuelles</h2><br /><br />
                    <p class="mainInner">
                    </p>
                    <div id="news_l" class="float_l">
                        <b>News Seite bearbeiten (Links)</b>
                        <form>
                            <input type="text" name="title_l" placeholder="Hier den Titel des Artikels eingeben:" size="40" /><br /><br />
                            <textarea name="text_l" placeholder="Hier bitte den Artikel schreiben:" rows="8" cols="60" style="color: #444; font-size:10pt;"></textarea><br /><br />
                            <b>Infos:</b><br />
                            &lt;b&gt;Text&lt;/b&gt; Fett schreiben (<b>Text</b>)<br />
                            &lt;i&gt;Text&lt;/i&gt; Kursiv schreiben (<i>Text</i>)<br />
                            &lt;u&gt;Text&lt;/u&gt; Unterstrichen schreiben (<u>Text</u>)
                        </form>
                    </div>
                    <div id="news_r" class="float_r">


                    </div>
                    <div style="clear:both;"></div>
                </div>

Alles anzeigen

breadfish.de 12. März 2022