Einzelnen Beitrag anzeigen
  #3 (permalink)  
Alt 09.07.2007, 01:13
G321 G321 ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.07.2007
Beiträge: 2
G321 befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für den Tipp, der Footer ist jetzt da wo er hingehört, jedoch habe ich mir jetzt ein neues Problem ein gehandelt, und zwar cleare ich die floats nicht richtig, kann aber den Fehler nicht finden - dahabe ich noch ein verständnis Problem wo das clearing hin muss damit der Hintergrung von Page "mitwächst": Kann mir bitte noch mal jemand auf die Sprünge helfen??!

link: TEST

PHP-Code:
<head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
title>TEST</title>
<
link rel="stylesheet" href="css.css" type="text/css" />
</
head>

<
body
 
<
div id='page'>
    <
div id="nonFooter">
        <
div id='logo'>LOuGO</div>
        <
div id='mainmenu'>Mainmenu</div
        <
div id='leftcol'>links</div
        <
div id='maincol'>
        
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequatDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequatvel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisiLorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequatDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequatvel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisiNam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assumLorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequatDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequatvel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisiLorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commod
 
Lorem ipsum dolor sit amet
consectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequatDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequatvel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisiLorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequatDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequatvel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisiNam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assumLorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequatDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequatvel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisiLorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commod
         
         
</div>
        
        <
div id='rightcol'>RECHTS</div>

    </
div>
    <
div class="clearer">
</
div>
    
    <
div id='footer'>footer</div>      
 

</
body>
</
html
CSS
PHP-Code:
* {
    
margin0;
    
padding0;
    
font-familyArialHelveticasans-serif;
}

htmlbody {
     
height100%; /* wichtig */
    
background-color:#981302;
    
text-align:center;
}

#page {
    
position:relativ;
    
width862px;
    
margin:0 auto;
      
min-height100%;
    
/*height:auto !important; moderne Browser */
    
height:100%; /* IE */
    
background-image:url(images/bg-muster_da.jpg);


}

div#container {
    
width800px;
    
min-height100%;
    
height:auto !important;/* moderne Browser */
    
height:100%; /* IE */
    
margin0 auto;
    
border1px solid #FFFF00;
}

div#logo {
    
position:relative;
    
width862;
    
height100px;
    
margin:0 auto;
    
background-color:#FFFFFF;
}

div#mainmenu {
    
position:relative;
    
width798px;                    
    
height116px;                    
    
margin:0 auto;
    
background-color:#ffc201;
    
border1px solid #FFFFFF;

}

div#leftcol, div#maincol, div#rightcol {
    
floatleft;
    
position:relative;
    
width154px;                    
    
border1px solid #FFFFFF;
    
margin-top10px;
    
left32px;
    
background-color:#FFFFFF;
    
     
min-height:300px;

    
height:auto !important;  /* für moderne Browser */

    
height:300px;  /*für den IE */
}

div#maincol {
    
width466px;                     
    
margin10px 10px 0px 10px;
}


#nonFooter
    
{
        
positionrelative;
        
min-height100%;
        
margin-bottom30px;
    }

    * 
html #nonFooter
    
{
        
height100%;
    }

    
#footer
    
{
        
positionrelative;
        
margin: -22px auto 0 auto;
        
width798px;
    
height20px;
    
border1px solid #FFFFFF;
    
border-bottom-color#670011;
    
background-color#670011;
    
}

    
/* A CSS hack that only applies to IE -- specifies a different height for the footer */

    
html #footer
    
{
        
margin-top: -22px;
    }
    
.
clearer
{
    
clearboth;
    
displayblock;
    
height1px;
    
margin-bottom: -1px;
    
font-size1px;
    
line-height1px;

Mit Zitat antworten