LinkBack URL
About LinkBacks
ZitierenFixieren .. "position: fixed;" noch nicht gefunden?
Hallo,
Gibt es die Möglichkeit einen Text zu fixieren? Hier mal ein Beispiel das ihr mich auch versteht.
Wenn man jetzt den Explorer verkleinert, verschiebt sich die Box nicht, man kann die Seite jetzt Scrollen.HTML-Code:<div id="box" stlye="position:absolute;width:800px;height:800px;background-color:#000000"> </div>
Wenn man jetzt hier den Explorer verkleinert verschiebt sich der Text, ich möchte aber das der Explorer genau so zum Scrollen ist wie oben bei der Box.HTML-Code:<div id="box"> Mit ganz viel Text,Mit ganz viel Text,Mit ganz viel Text,Mit ganz viel Text, Mit ganz viel Text,Mit ganz viel Text,Mit ganz viel Text,Mit ganz viel Text </div>
Könnte mir hier jemand evtl helfen?
Ich danke jetzt schon mal
Fixieren .. "position: fixed;" noch nicht gefunden?
Damit geht es leider auch nicht, der Text verschiebt sich trotzdem noch.
Dann hinterfrage ich erstmal was du überhaupt erreichen willst?! Derartig absolut positionierte HTML-Elemente sind immer problematisch, vor allem wenn man ihnen solche Maße gibt. Was willst Du eigentlich erreichen?
Ich hätte es wohl besser erklären sollen, sry.
Und zwar habe ich eine Homepage aus mehreren Boxen unter anderem Boxen mit Text, und ich möchte das sich die Seite nicht verschiebt, sondern beim verkleinern des Explorers die Scroll Funktion erscheint, also sozusagen die komplette Seite fixiert ist.
mfg
Das klingt für mich als hättest du grundsätzlich etwas falsch gemacht beim Aufbau. Wie sieht denn der gesamte Quellcode aus?
hier die Seite
und hier die CSSHTML-Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Homepage - Impressum</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .Stil1 {color: #5ab3a8} --> </style> </head> <body> <div id="box"> <div id="top"> <p><img src="images/logo.png" /></p> </div> <!-- close top --> <div id="navi"> <a href="home.html">Home</a> <a href="leistung.html">Leistungen</a> <a href="referenzen.html">Referenzen</a> <a href="kontakt.html">Kontakt</a> <a href="" class="Stil1">Impressum</a> </div> <!-- close navi --> <div id="content"> <div id="text"> Impressum Text,Impressum Text<br /> Impressum Text,Impressum Text<br /> Impressum Text,Impressum Text<br /> Impressum Text,Impressum Text<br /> </div> <div id="text2"> Impressum Text,Impressum Text<br /> Impressum Text,Impressum Text<br /> Impressum Text,Impressum Text<br /> Impressum Text,Impressum Text<br /> </div> <div id="text3"> Impressum Text,Impressum Text<br /> Impressum Text,Impressum Text<br /> Impressum Text,Impressum Text<br /> Impressum Text,Impressum Text<br /> </div> </div> <!-- close content --> </body> </html>
Code:body { margin:0; font-size:14px; font-family: "Trebuchet MS", Arial, sans-serif; color:#717171; line-height:1.5; } h2 { font-size: 16px; } a { text-decoration:none; color: #67747A; } a:hover { text-decoration:none; color: #5ab3a8; } a:active { text-decoration:none; color: #5ab3a8; } /* top */ #box { width:100%; } #top { text-align: center; width: 100%; margin-top:80px; } .list { margin:5px 0 0 20px; } .list li { margin: 15px 0 5px 0; list-style:none; letter-spacing: 0.9pt; } /* navigation */ #navi { width: 100%; text-align:left; font-size: 16px; height: 20px; margin-top: 100px; padding: 0 0 10px 0; } #navi a { margin-left: 40px; letter-spacing:0.9pt; font-weight:bold; } #navi a:hover, #navi a:active { font-weight:bold; } /* Inhalt */ #content { width: 100%; border-top: 15px solid #5ab3a8; border-bottom: 15px solid #5ab3a8; height: 200px; } #bilder { float:left; } #text { float:left; padding: 15px 0 10px 20px; } #text2 { float:left; padding: 15px 0 10px 30px; } #text3 { float:left; padding: 15px 0 10px 30px; }
Was davon willst Du jetzt absolut positionieren?
Dein Problem könnte auch daher kommen, dass du bei #content 100% Breite angegeben hast, was bei einem Blockelement aber nicht notwendig ist, und die darin enthaltenen Blockelemente zwar gefloatet werden aber keine Breitenangabe haben. Entscheide dich für #content für eine feste Breite und gib den darin enthaltenen Blockelementen ebenfalls eine, dann klappt das auch besser.
Die ganze Seite.
Wenn ich jetzt aber eine feste Breite angebe hört der Balken ja auf, und geht nicht komplett durch
Was meinst Du mit "geht nicht komplett durch"? Vielleicht wäre ein Link doch besser ...
Leider gibt es die Seite noch nicht Online, ist alles noch im Bau.
Wenn ich die 100 % raus nehme und eine feste Breite benutze, ist der Balken oben und unten nicht mehr bis zum rechtem Rand. Das soll aber beibehalten bleiben. Angenommen ich mache den content 700px Breit und verkleiner das Fenster bekomme ich die Scroll Funktion das weis ich ja auch, aber ich möchte beides die 100% und den festen Text
mfg
Ich bin glaube ich selber drauf gekommen.
Ist es unmöglich eine Box mit 100% Breite, und einem Text der sich dann nicht verschiebt, also eine Scroll Funktion bekommt.
Weil egal wie groß der Explorer ist die Box ist immer 100%.
Also verschiebt sich der Text nach unten und oben.
Danke noch mal für die Hilfe
Dann geb doch den Balken oben und unten eine eigene Box mit 100% und dem Content eine feste Breite.Zitat von dename
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)