 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
fighter66
Threadersteller
Dabei seit: 21.11.2007
Ort: salzburg
Alter: 36
Geschlecht: -
|
Verfasst Fr 15.01.2010 07:33
Titel footer-stick funkt aber nicht ganz / content macht probleme! |
  |
|
hallo leute, hab so blödes problem im moment und komm nimma weida.
möchte ein sogenanntes footer-stick einbauen (was ich auch geschafft hab - glaub ich) aaber: der content-bereich wächst nicht mit?? keine ahnung warum. hilfts ma bitte.
hier mal meine codes:
| Code: | <body>
<div id="wrapper">
<div id="logo">
<a href="index.html" title="Startseite" alt="Startseite"><img src="img/seccon_logo.png" width="130px" height="130px" alt="seccon Logo" title="seccon Logo" /></a>
</div>
<div id="banner">
<h1>seccon1.at Security Consulting, Personenschutz, Kontroll und Sicherheitsdienst bei Veranstaltungen, Durchführung und Begleitung von Werttransporten, Boudyguard, Bewachungsunternehmen, seccon, Detektei, Sicherheitsdienst, Personenschutz, Observationen, Seccon, Security, Sicherheitsberatung, Securities, Sicherheit, Werttransporte, Begleitungen Begleitschutz, Beobachtungen, Ermittlungen Scheidungen, Vorbeugung von Straftaten, Alarmanlagen, Sicherheitssysteme, Veranstaltungsschutz</h1>
</div>
<div id="menu">
<ul id="navi">
<li class=>
<a href="aufgabenbereiche/index.html" alt="öffne die Aufgabenbereiche" title="Aufgabenbereiche">Aufgabenbereiche</a>
<ul>
<li><a href="" alt="öffne die Seite Personenschutz" title="Personenschutz">Personenschutz</a></li>
</ul>
</li>
......
</ul> <!-- /navi -->
</div> <!-- /menu -->
<div id="content">
<h2>...Consulting</h2>
<h3>Ein...</h3>
<div id=left>
<img src="img/security.jpg" alt="Werbebild" title="Werbebild" />
</div>
<div id=right>
<p>Sehr geehrter ....</p>
<ul>
<li>Unsere .....</li>
</ul>
</div>
</div> <!-- /content -->
</div> <!-- wrapper -->
<div id="footer">
<p><a id="topScroll" href="#wrapper">nach oben</a></p>
<ul id="listfooter">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="kontakt/kontakt.html">Kontakt</a>
</li>
<li>
<a href="impressum/index.html">Impressum</a>
</li>
</ul>
</div><!--footer-->
</body>
|
und css:
| Code: |
* {
margin:0;
padding:0;
}
html {
height: 100%;
}
body {
background-image:url(../img/background_carbon.jpg) repeat-x;
font-color:#FFF;
background-color:#9D8E77;
font-family:Verdana,Georgia,"Times New Roman",serif-sans;
font-size:80%;
font-weight:normal;
letter-spacing:0.003em;
line-height:1.5em;
text-align:left;
height: 100%;
}
#wrapper {
/* height:310px; */
margin: 0 auto;
position: relative;
height:auto;
min-height:100%;
width:800px;
}
body > #wrap {height: auto; min-height: 100%;}
/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
..
..
#content {
background-color:#262626;
font-size:1em;
min-height: 40%;
padding:20px;
width:760px;
}
#content:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}
..
..
#footer {
background-color:#262626;
border-top:1px solid #E8AB37;
height: 20px;
width:800px;
margin: 0 auto;
position: relative;
margin-top:-20px; /* negative value of footer height */
height:20px;
clear:both;
}
#footer p {
float:left;
font-size:9px;
display:block;
}
.. |
danke im vorraus
|
|
| |
  |
 |
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: 
|
Verfasst Fr 15.01.2010 09:39
Titel Re: footer-stick funkt aber nicht ganz / content macht probl |
|
|
| fighter66 hat geschrieben: | | der content-bereich wächst nicht mit? |
Doch, er wächst mit seinem Inhalt. Dagegen bleibt min-height: 40%; wirkungslos, da sein Elternelement (#wrapper) keine height-Deklaration hat (und auch nicht haben darf, da sonst min-height hinfällig ist).
Übrigens ist width: 800px; zuviel für einen 800px breiten Viewport (Scrollbalken!).
|
|
| |
|
|
|
Anzeige
|
|
|
fighter66
Threadersteller
Dabei seit: 21.11.2007
Ort: salzburg
Alter: 36
Geschlecht: -
|
Verfasst Fr 15.01.2010 10:55
Titel Re: footer-stick funkt aber nicht ganz / content macht probl |
|
|
| heiko_rs hat geschrieben: | | fighter66 hat geschrieben: | | der content-bereich wächst nicht mit? |
Doch, er wächst mit seinem Inhalt. Dagegen bleibt min-height: 40%; wirkungslos, da sein Elternelement (#wrapper) keine height-Deklaration hat (und auch nicht haben darf, da sonst min-height hinfällig ist).
Übrigens ist width: 800px; zuviel für einen 800px breiten Viewport (Scrollbalken!). |
das heißt, ich soll min-height weg tun?
ja. die 800px jetzt wiede zu ändern dauert ewigkeiten, muss fertig werden...
|
|
| |
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Fr 15.01.2010 11:00
Titel Re: footer-stick funkt aber nicht ganz / content macht probl |
|
|
| fighter66 hat geschrieben: | | das heißt, ich soll min-height weg tun? |
Von #content, da in % eh wirkunglos. Aber ändern wird das natürlich nix  (Es wird auch nicht klar, was die 40% bewirken sollen - dafür müsstest Du einen Link posten.)
|
|
| |
|
|
fighter66
Threadersteller
Dabei seit: 21.11.2007
Ort: salzburg
Alter: 36
Geschlecht: -
|
Verfasst Fr 15.01.2010 20:55
Titel Re: footer-stick funkt aber nicht ganz / content macht probl |
|
|
| heiko_rs hat geschrieben: | | fighter66 hat geschrieben: | | das heißt, ich soll min-height weg tun? |
Von #content, da in % eh wirkunglos. Aber ändern wird das natürlich nix (Es wird auch nicht klar, was die 40% bewirken sollen - dafür müsstest Du einen Link posten.) |
hier: klick
|
|
| |
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Fr 15.01.2010 21:32
Titel
|
|
|
Gib #wrapper die bg-Farbe #262626.
Außerdem solltest Du validieren und Deine widersprüchlichen Angaben zur Zeichenkodierung sowie einige Tippfehler korrigieren (z.B. schreibst Du "Dedektei" und "Druchführung"). Und schau mal, was Deine Navi bei Textzoom macht - height sollte unbedingt raus.
Zuletzt bearbeitet von heiko_rs am Fr 15.01.2010 21:34, insgesamt 3-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[CSS] Content Div überlagert Footer
Lücke zwischen Content und Footer im ff
Footer mitwachsend zum Content bereich. CSS Code.
Footer am Ende des Viewport oder Content
[CSS] Layout(Header, Sidenav, Content, Footer) mit 100% Höhe
Variabler Header/Footer in Höhe - fester Content - WIE?
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
