zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden css noob am basteln

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.05.2004, 18:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.05.2004
Beiträge: 4
freundesfreund befindet sich auf einem aufstrebenden Ast
Standard 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}
mit diesem ding möchte ich es eigentlich schaffen, dass mir das feld immer ganz unten auf der seite kommt
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?!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.05.2004, 21:10
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.05.2003
Beiträge: 129
Thomas (css 4 you) befindet sich auf einem aufstrebenden Ast
Standard

Hi,
mit
Code:
.navplatz {
 ...;

position: fixed; 
bottom:0%;
...
}
sollte es klappen.
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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.05.2004, 22:58
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 21.12.2003
Beiträge: 247
Björn befindet sich auf einem aufstrebenden Ast
Standard

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}
Ich hab jetzt einiges über Workarounds gelesen, die meisten verstecken es lediglich vorm IE. Gibt es nicht doch eine (nicht allzu umständliche) Möglichkeit?

Björn
Mit Zitat antworten
  #4 (permalink)  
Alt 11.05.2004, 17:21
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.05.2003
Beiträge: 129
Thomas (css 4 you) befindet sich auf einem aufstrebenden Ast
Standard

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>
Das müsste eigentlich klappen.
Aber nur im IE.
Deshalb solltest du Conditional Comments verwenden.


Gruß
Thomas
www.css4you.de
Mit Zitat antworten
  #5 (permalink)  
Alt 11.05.2004, 19:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.05.2004
Beiträge: 4
freundesfreund befindet sich auf einem aufstrebenden Ast
Standard

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
__________________
mfg freundesfreund

schaust: www.marco-ilgner.de
Mit Zitat antworten
  #6 (permalink)  
Alt 11.05.2004, 20:50
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 21.12.2003
Beiträge: 247
Björn befindet sich auf einem aufstrebenden Ast
Standard

Hallo Thomas, hat leider nicht funktioniert. Habe gestern was ähnliches versucht. Trotzdem danke!
Mit Zitat antworten
  #7 (permalink)  
Alt 12.05.2004, 13:01
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.05.2003
Beiträge: 129
Thomas (css 4 you) befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Hallo Thomas, hat leider nicht funktioniert. Habe gestern was ähnliches versucht. Trotzdem danke!
Mmh.
Ich habe es mit einem IE 6 probiert und es klappt...

Gruß
Thomas
www.css4you.de
Mit Zitat antworten
  #8 (permalink)  
Alt 12.05.2004, 13:47
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 21.12.2003
Beiträge: 247
Björn befindet sich auf einem aufstrebenden Ast
Standard

Ich glaub, ich muss mal bei Gelegenheit meine beiden Stylesheets aufräumen... Vielleicht seh ich dann, warum es bei Dir klappt.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:23 Uhr.