zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Probleme mit inhalt scrollen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.10.2007, 11:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.09.2007
Beiträge: 20
camelfighter befindet sich auf einem aufstrebenden Ast
Standard Probleme mit inhalt scrollen

Habe einen body der schwarz ist. darin ist in der mitte der inhaltsbereich.jetzt möchte ich gerne, das ich soviel inhalt reinpacken kann wie ich will und ich einfach nur entlos nach links scrollen kann und die anderen elemente an ihrer
position bleiben. hier meine css.
body {
font-family:Arial, Helvetica, san-serif;
background-color:black;
margin:0;
padding:0;
width:auto;
}

div#grau {
position:absolute;
top:120px;
width:100%;
border: 1px solid #ffffff;
background-color:#DCDCDC;
height:370;
z-index:2;

}
div#inhalt {
position:absolute;
top:120px;
width:100%;
height:350px;
z-index:2;
padding-top:20px;
padding-left:20px;
padding-right:auto;
overflow:auto;

}
span#Navi {
position:absolute;
left:20px;
top:100px;
width:100%;
font-size:12px;
z-index:1;
color:white;

}

span#Navi a {
color:white;
text-decoration: none;
font-family:Arial;

}
span#Navi a:link {
color:white;
text-decoration:none;
}
span#Navi a:visited {
color:white;
text-decoration: none;
}
span#Navi a:hover {
color:white;
text-decoration:none;
}
span#Navi a:active {
color: white;
text-decoration:none;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.10.2007, 01:36
Benutzerbild von n3or
Neuer Benutzer
neuer user
 
Registriert seit: 08.09.2007
Ort: Bad Waldsee
Beiträge: 22
n3or befindet sich auf einem aufstrebenden Ast
Standard

overflow:scroll?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.10.2007, 21:04
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Der Content soll nach links endlos scrollbar sein?
Dann gib ihm eine feste Höhe, eine feste Breite, overflow:auto und sorge dafür, dass die neuen Inhalte sicht immer nach rechts oder links setzen und nicht nach unten.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #4 (permalink)  
Alt 22.10.2007, 14:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.09.2007
Beiträge: 20
camelfighter befindet sich auf einem aufstrebenden Ast
Standard entlos scrollen

erstmal danke .wie du bemerkst bin ich neu hier.ich komme hier einfach nicht weiter.ich habe über den Grauen div meine navigation.beim scrollen des inhalts möchte ich das die navileiste an ihrem punkt stehen bleibt.das ist mein erstes problem.mein 2.problem ist das ich ja endlos viele bilder als inhalt in den Grauen div einfügen möchte und er endlos scrollen soll.was für eine breiten angabe muss ich den da machen .habe es ja mit 100% versucht,geht nicht.vieleicht kannst du ja mal über meine css schauen und mein html datei.
danke im vorraus.oder vieleicht kannst du ja mal unter Willkommen bei den Böhsen Dartz schauen da ist mein missratener versuch.
body {
font-family:Arial, Helvetica, san-serif;
background-color:black;
margin:0;
padding:0;

}
div#GRAU {
position:absolute;
top:140px;
height:390px;
width:100%;
background-color:#DCDCDC;
z-index:1;
}

div#INHALT {
position:absolute;
top:160px;
width:100%;
height:350px;
z-index:1;
padding-left:20px;
overflow:auto;
}
span#Navi {
position:absolute;
left:20px;
top:100px;
width:100%;
font-size:12px;
z-index:1;
color:white;

}

span#Navi a {
color:white;
text-decoration: none;
font-family:Arial;

}
span#Navi a:link {
color:white;
text-decoration:none;
}
span#Navi a:visited {
color:white;
text-decoration: none;
}
span#Navi a:hover {
color:white;
text-decoration:none;
}
span#Navi a:active {
color: white;
text-decoration:none;
}
hier meine html
<!-- ###DOCUMENT_BODY### START-->
<span id="Navi">
<!-- ###MENU### START-->
Hier Navi
<!-- ###MENU### END--></span>
<div id="GRAU"></div>
<div id="INHALT">
<!-- ###CONTENT### START-->
###INHALT###
<!-- ###CONTENT### END-->
</div>
<!-- ###DOCUMENT_BODY### END-->
danke im vorraus
Mit Zitat antworten
  #5 (permalink)  
Alt 22.10.2007, 18:02
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Ich glaube es ist einfacher, wenn du dich erstmal hier durch arbeitest:
CSS 4 You - The Finest in Stylesheets: Workshop CSS: Allgemeines
CSS 4 You - The Finest in Stylesheets: Workshop: Layouten ohne Tabellen
Cascading Style Sheets { Grundlegendes : Box-Modell } <-- wichtig, dass hast du scheinbar nicht verstanden.

Weißt du wieso du position:absolute verwendest? Wieso nicht relative, fixed oder static?
Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : POSITION }


Und leg erstmal dein Typo3 beiseite.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ

Geändert von Crizzo (22.10.2007 um 18:39 Uhr)
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
CSS-Layout der Browsergröße anpassen Jen CSS 3 14.11.2008 09:39
Problem mit position:relative; McCoRmIcK CSS 0 08.04.2007 17:23
dreispaltiges layout, footer soll immer mitwandern sirrpa CSS 14 24.11.2005 19:57
div box bekomme ich nett zentriert??? Hard@Bowl CSS 1 23.05.2005 12:22
height: 100% beim IE [M.o.C]Co CSS 3 12.05.2005 13:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:54 Uhr.