|
|||
css noob am basteln
hallo leute
ich hab eein problem mit css ich habe mich erst seit kurzem damit beschäftigt, da ich eigentlich eher auf die technik einer seite schaue als auf das design also, meine frage: ich habe folgenden code: Code:
.navplatz { font: bold 70px/120% Georgia, "Times New Roman", Times, serif; z-index: 1; color: tomato; position: absolute; left: 12px; top: 55px; width: 400px; height: auto} so wie ich es jetz habe schaffe ich es nur, dass der fooder unten auf der seite ist, aber beim scrollen mitscrollt schaut mal hier www.marco-ilgner.de/design/ könnt ihr mir helfen das der fooder wirklich ganz unten auf der seite liegt?! |
Sponsored Links |
|
|||
Hi,
mit Code:
.navplatz { ...; position: fixed; bottom:0%; ... } Mit position: fixed; positionierst du es fest auf der Seite ohne, dass es mitscrollt. Und bottom:0%; gibt die Position der unteren Kante des Elements vom unteren Rand des Eltern-Elements an. Mit anderen Worten: Das Element wird am unteren Rand fest positioniert. Ein Nachteil hat das Ganze. Der IE kennt position:fixed nicht. Dafür gibt es aber eine IE-eigene Lösung. Guckst du hier: IE-Lösung: http://www.css-technik.de/details/14...S-Snippets.htm position:fixed: http://www.css4you.de/position.php bottom: http://www.css4you.de/bottom.php Gruß Thomas |
Sponsored Links |
|
|||
Ich spring hier grad mal auf
Wie bekomme ich auch im IE das Banner (div#top) "gefixed"? Code:
div#top {position:absolute; top:0px; left:50%; margin-left:-380px; width:760px; height:80px; border:1px solid #000000; background-image:url(images/banner.jpg); background-repeat:no-repeat} Björn |
|
|||
Hi Björn,
versuche es mal so: Code:
<style type="text/css"> <!-- <!--[if IE]> html {overflow: auto;} body { margin: 0px; overflow: auto; height: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } div#top {position:absolute; top:0px; left:50%; margin-left:-380px; width:760px; height:80px; border:1px solid #000000; background-image:url(images/banner.jpg); background-repeat:no-repeat} <![endif]--> --> </style> Aber nur im IE. Deshalb solltest du Conditional Comments verwenden. Gruß Thomas www.css4you.de |
|
|||
hallo
danke für die hilfe, aber du hast mich leider falsch verstanden ich versuche es nochmal zu erklären: schaust nochmal auf www.marco-ilgner.de/design/ da ist in der mitte ein grünes feld mit ein bischen text drin dadrunter sind dann 2 div´s, ein kleines rechts und ein großes dünnes eimal quer rüber allerdings sieht man ja, dass das grüne dann noch dahinter vorbei nach unten weiter geht... ich möchte einfach, dass die beiden oben beschriebenen noch dadrunter sind beim aufrufen der seite ist es egal ob man sie sieht oder nicht es sollen vielleicht 5px nach dem grünen frei sein und dann der fooder (die 2 felderchen) kommen |
|
|||
Zitat:
Ich habe es mit einem IE 6 probiert und es klappt... Gruß Thomas www.css4you.de |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Einbindung von frei erhältlichen Scripten - CSS Problem | DonL | CSS | 1 | 22.01.2011 16:09 |
2 CSS Files -> 1 CSS File | Habi | CSS | 7 | 17.02.2010 15:25 |
externer Page-Header mit CSS? | AdamK | CSS | 12 | 04.09.2007 12:20 |
MYspace mehr als nur CSS oder ? | Vinceone | CSS | 0 | 12.07.2007 02:21 |
Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 11:39 |