die Eingabe
style="clear:left; | right; | both;
ist unbedingt dort erforderlich, wo der Umlauf/die Umläufe beendet sein sollen
Diesen style kannst du etwa in einem nachfolgenden <br> <p> <div> vorgeben.
Also mit Flexibilität hat das nun wenig zu tun
die Eingabe
style="clear:left; | right; | both;
ist unbedingt dort erforderlich, wo der Umlauf/die Umläufe beendet sein sollen
Diesen style kannst du etwa in einem nachfolgenden <br> <p> <div> vorgeben.
Also mit Flexibilität hat das nun wenig zu tun
danke dan werd ich mal weiter probieren
Hi wie kann man einen bestimmten Teil einer Hompage (wie hier die URL links) mit dem Skrollen mitlaufen lassen?
mkG YetiZwerg
position: fixed;
danke für die Info
aber bitte doch^^
Zitat von "maulepan"position: fixed;
könnte man machen - wird jedoch vom IE (wem auch sonst) bis Version 6 einschiesslich ignoriert
was würdest du empfehlen???
und wie kann ich bei meiner CSS ein paar Zeilen Text mit dem Scroll laufen lassen? (linke Seite)
body {
margin: 10px auto;
padding: 0;
font-family: verdana, arial, sans-serif;
text-align: center;
background: #000000;
color: #fff49f;
}
h1, h2, h3 {
font-family: verdana, times new roman, times, serif;
color: ;
background: transparent;
}
p {
font-family: verdana, arial, sans-serif;
color: #fff49f;
background: transparent;
}
a { color: #FFA500; background: transparent; text-decoration: none;}
a:link { color: #FFA500; background: transparent; }
a:visited { color: #fff49f; background: transparent; }
a:active { color: #fff49f; background: transparent; }
a:hover { color: #000000; background: #FFA500; text-decoration: none; }
#header {
margin: 0 auto;
padding: 0;
width: 768px;
height: 134px;
text-align: bottom;
background: url(http://.../Bilder/header.jpg) no-repeat top center;
color: #fff49f;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 5px solid #000000;
border-left: 1px solid #000000;
}
#title {
margin: 0px;
padding: 50px 0 0 25px;
background: transparent;
color: #fff49f;
}
#title h1 {
margin: 0;
padding: 0;
display: none;
}
#container {
margin: 0 auto;
padding: 0;
color: #fff49f;
background: transparent;
width: 768px;
text-align: left;
}
h2.section {
margin-top: 10px;
font-size: 13px;
background: transparent;
color: ;
border-bottom: 1px solid ;
}
#sidebar {
float: left;
width: 150px;
padding: 0px 5px 10px 0px;
background: transparent;
color: #fff49f;
}
#sidebar p {
font-size: 11px;
margin: 5px 0px;
}
#sidebar ul {
list-style: square;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1em;
padding-left: 1em;
}
#sidebar li {
background: transparent;
font: 11px verdana, arial, sans-serif;
color: #fff49f;
}
#rightbar {
float: left;
width: 150px;
padding: 0px 0px 10px 5px;
background: transparent;
color: #fff49f;
}
#rightbar p {
font-size: 11px;
margin: 5px 0px;
}
#rightbar ul {
list-style: square;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1em;
padding-left: 1em;
}
#rightbar li {
background: transparent;
font: 11px verdana, arial, sans-serif;
color: #fff49f;
}
#content {
float: left;
width: 450px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background: transparent;
color: #fff49f;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}
h2.date {
margin-top: 10px;
padding: 2px 5px;
font-size: 13px;
font-weight: bold;
letter-spacing: 0.09em;
text-align: right;
background: transparent;
color: ;
border-top: 1px solid #000000;
border-right: 5px solid #000000;
}
h3.subject {
font-size: 12px;
letter-spacing: 0.09em;
text-transform: uppercase;
background: transparent;
color: ;
}
div.timestamp {
font: 11px verdana, times new roman, times, serif;
letter-spacing: 0.09em;
margin-top: 10px;
padding: 0px 5px 2px 5px;
border-bottom: 1px solid #000000;
border-left: 5px solid #000000;
}
#content p {
font-size: 12px;
margin: 10px 0px 5px 10px;
}
#footer {
margin: 0 auto;
padding: 0;
width: 768px;
text-align: left;
background: transparent;
font-size: 10px;
color: #fff49f;
}
#credits {
float: left;
width: 140px;
padding: 5px;
background: #383838;
color: #a19e9e;
border: 1px solid #000000;
}
#credits p {
margin: 0px;
color: #a19e9e;
background: #383838;
}
#space {
float: left;
width: 450px;
padding: 5px;
background: transparent;
color: #fff49f;
border-top: 1px solid #000000;
}
#button1 {
float: left;
width:100px;
margin-left: 0px;
padding: 0px;
background-color: transparent;
border: 1px solid black;
}
#button2 {
float: left;
width:100px;
margin-left: 0px;
padding: 0px;
background-color: transparent;
border: 1px solid black;
}
Alles anzeigen
mkG YetiZwerg
wie genau meinst du das?
Das dieser fixiert im Fenster stehen bleibt?
Mit CSS gar nicht - wäre eine Sache, die sich ggf. noch mit JavaScript bewerkställigen liesse
geh mal auf meine Seite.
in dem linken schwarzen Rand soll ein kleiner Text stehen, der immer an der gleichen Stelle im Browser steht, und wenn meht Inhalt auf der Seite ist, soll dieser Text auch beim Scrollen mitgehen, genau, wie das Bild auf deiner Seite.
mkG YetiZwerg
ist mir schon klar was du willst - und ich antwortete dir ja ensprechend :lol:
Alleine mit CSS geht das nicht, es sei denn, du verwendest position:fixed unter der Voraussicht, dass alle Nutzer von IE6 und abwärts keine richtige Anzeige erhalten.
Mir ist bekannt, dass sich mithilfe von JavaScript ein Bereich erstellen lässt, der zwar nicht fixiert dargestellt wird, sondern dieser mit dem Scrollvorgang gleichzeitig nach unten oder oben im Fensterbereich mitscrollt.
Ist jedoch meistens nur eine recht wackelige Angelegenheit, und leider liegt mir der Script dazu auch nicht vor...
wie kann ich jetzt den strich in den Strich weg machen?
also darf ich daraus schließen, dass du es auch mit position:fixed; gemacht hast oder?
aber ich habe jetzt z.B. bei meiner CSS 3 Spalten erstellt. (links mitte rechts) wie kann ich denn dann ganz links an die Wand gequetscht und dann am Besten noch mittig des Anzeigenfeldes ein Feld einrichten, das dann gefixt wird???
könnt ihr mir dafür den CSS-Code geben, wenn der Bereich durch <div id="side"></div> erreicht wird???
wäre echt nett...
mkG YetiZwerg
naja.... alsao ich möchte an dieser stelle ma kurz meine browserstatistik einwerfen...
ZitatAlles anzeigenFirefox 3.0 Alpha 4325 75.20%
Firefox 2.0 339 5.90%
IE 6.0 244 4.20%
Mozilla 1.8 219 3.80%
IE 7.0 128 2.20%
Google 128 2.20%
Default Browser 90 1.60%
Iceweasel 85 1.50%
Inktomi 65 1.10%
Internet Archive 60 1.00%
Download Managers 55 1.00%
Fast/AllTheWeb 8 0.10%
Firefox 1.0 2 0.00%
Mozilla 1.9 2 0.00%
General Crawlers 1 0.00%
Rippers 1 0.00%
AOL 9.0/IE 6.0 1 0.00%
Opera 9.2 1 0.00%
... wie man sieht ist IE 6 immer noch mit 4% vorhanden... das musst du entscheiden... 4 prozent kriegen keine richtige anzeige^^
4 Prozent hin oder her..
IE6 ist nur eine Frage der Zeit...
IE7 und FF sind die Browser...
Zitat von "YetiZwerg"also darf ich daraus schließen, dass du es auch mit position:fixed; gemacht hast oder?
...
mkG YetiZwerg
ne mit position:absolute
Kann mir jemand sagen, wo mein Fehler ist???
#header {
float: center;
position: fixed;
margin: 0 auto;
padding: 0;
width: 768px;
height: 134px;
text-align: center;
background: url(http://.../Bilder/header.jpg) no-repeat top center;
color: #fff49f;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 5px solid #000000;
border-left: 1px solid #000000;
}
Alles anzeigen
Denn der Header bleibt nicht an der Position...
Wenn ich scrolle, verschiebt er sich.
Ich will, dass er da bleibt...
so, dass man immer auf das Menu zugreifen kann, ohne, dass man jedes Mal wieder hochscrollen muss (Ich weiß, dass ich im mom noch nicht genug Text für soetwas habe, aber lieber sowas haben und nicht brauchen, als brauchen und nicht haben.
mkG YetiZwerg
Zitat von "YetiZwerg"4 Prozent hin oder her..
IE6 ist nur eine Frage der Zeit...
IE7 und FF sind die Browser...
nun ja,
ich meine, viel 'kaputt' kann der Eintrag ja nicht machen :lol:
Einzig was passiert, dass er im EI (älter) eben stehenbleibt statt zu scrollen... es treten also keine sonstig negativen Anzeigen auf
es gibt im CSS schon mal kein float: center; sondern nur left oder right
Für was auch, da du deine Eingaben ja in einen zentrierten <div-Container einstellst...
Dein Wunsch ist soweit ja klar - und mit welchem Browser wird die hier genannte Anzeige nicht korrekt gebracht?
Zitat von "YetiZwerg"Alles anzeigenKann mir jemand sagen, wo mein Fehler ist???
CodeAlles anzeigen#header { float: center; position: fixed; margin: 0 auto; padding: 0; width: 768px; height: 134px; text-align: center; background: url(http://.../Bilder/header.jpg) no-repeat top center; color: #fff49f; border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 5px solid #000000; border-left: 1px solid #000000; }
Denn der Header bleibt nicht an der Position...
Wenn ich scrolle, verschiebt er sich.
Ich will, dass er da bleibt...
so, dass man immer auf das Menu zugreifen kann, ohne, dass man jedes Mal wieder hochscrollen muss (Ich weiß, dass ich im mom noch nicht genug Text für soetwas habe, aber lieber sowas haben und nicht brauchen, als brauchen und nicht haben.
mkG YetiZwerg
Zitatdass man immer auf das Menu zugreifen kann, ohne, dass man jedes Mal wieder hochscrollen muss
ich denke mal, dass dieses Argument ein bischen zu sehr aufgebauscht wird, und doch gar nicht von so grossem Belang ist...
Schliesslich erfordert ein Rücksprung nach ober ja nicht nicht nur 'stundenlanges' Scrollen, sondern ist doch mit einem einzigen Klick auf die kleine schwarze Taste "Pos1" erledigt
[Blockierte Grafik: http://www.mcusers.de/images/smily_computer-windows.gif]
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.