|
|
Styles
-----------------
#contentPopup
{
position: absolute;
border: solid 0px;
margin-top: 125px;
margin-left: -16px;
height: 300px;
width: 784px;
background: #ECE6D7 url(/images/ECE6D7_content.gif);
display: block;
z-index: 5;
overflow: scroll
}
HTML-Code
--------------------
<div id="contentPopup">
<div class="BigImage" style="margin-left: 60px"><img src="images/Kuba_1.gif" alt="" width="224" height="160"></div>
<div class="BigImage" style="margin-left: 311px"><img src="images/Kuba_2.jpg" alt="" width="224" height="160"></div>
<div class="BigImage" style="margin-left: 562px"><img src="images/Kuba_3.jpg" alt="" width="224" height="160"></div>
<div class="BigImage" style="margin-left: 786px"><img src="images/Platzhalter.gif" alt="" width="60" height="160"></div>
<div id="schliessen"><a href="foto_reportage.htm"><img src="images/schliessen.gif" alt="" width="58" height="10"></a></div>
<div id="textPopup">Kuba</div>
</div>
Problem
---------------
Ich möchte, dass im div-Container "contentPopup" mehrere Bilder nebeneinander erscheinen, von Bildgalerie zu Bildgalerie variiert die Anzahl der Bilder. Jedoch ist die Höhe des div-Containers immer die selbe, daher ist der vertikale Scrollbalken überflüssig & störend! Kann ich ihn irgendwie unterdrücken, da ja nun wirklich nur der horizontale benötigt wird???
Problem
|
|
| 23.05.2006 14:06:16 |
|
HTMELL
Administrator
Registriert: 11.05.2006
Beiträge: 613
|
|
Hallo,
hast Du schon mal overflow:auto probiert ?
_______________________________________
mfg
Thomas Mell
www.validome.org
|
|
| 23.05.2006 14:48:22 |
|
|
|
HTMELL schrieb:
Hallo,
hast Du schon mal overflow:auto probiert ? |
Nein, hatte ich bisher nicht - danke!!!!
|
|
| 23.05.2006 15:08:18 |
|
Hollg2000
Mitglied
Registriert: 18.03.2008
Beiträge: 2
|
|
Hallo,
ich habe das gleiche Problem habe es mit overflow:auto
Und jetzt kommt überhaupt kein Scrollbalken mehr.
Was aber total komisch ist wenn ich den Link www.w3.org oben im Dokumenten-Typ raus nehme dann geht es!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Wo dran kann es liegen?
Danke und Gruß Holger.
|
|
| 18.03.2008 00:59:25 |
|
Chiaki
Mitglied
Ort: Confoederatio Helvetica
Registriert: 23.12.2007
Beiträge: 146
|
|
Hallo,
für übergroßen Inhalt definiert CSS lediglich, ob ein Scrollmechanismus aktiviert werden
soll oder eben nicht. Wie und wo dieser Mechanismus zu wirken hat, wird in CSS nicht
bzw. noch nicht definiert, und dürfte auch "not scope of this specification" sein.
http://www.w3.org/TR/CSS21/visufx.html#overflow
Es kommt bei "overflow:auto;" eben auf den Browser an, ob und welche Scrollbars er bei
übergroßem Inhalt anbietet. Dazu kommen so Geschichten wie Quirks-/Standardmode,
in denen auch noch mal alles anders sein kann - was u.a. mit der Angabe der offiziellen
(X)HTML-DTD zusammenhängt. Mit "overflow:scroll;" wird hingegen nur angegeben, daß
ein Scrollmechanismus generell zu aktivieren ist, was wiederum die Anzeige beider
Scrollbars fast schon explizit vorgibt.
Vielleicht wird in CSS 3 ja eine Möglichkeit implementiert, mehr Kontrolle über
Scrollmechanismen anzubieten - was allerdings bedeutet, die Kontrolle von Programmen
und deren Funktionalität vom Anwender auf den Autor zu übertragen, und da gibt es in
Javascript schon mehr Techniken als nötig (man denke an PopUp-Konfigurationen...).
Greetings, Chiaki
_______________________________________
Make sure You've read RFC 1855, before sending electronic mail,
start Chats, posting on Newsgroups or leave any Comments.
RFC 1855: Netiquette Guidelines <http://www.rfc1855.net/>
|
|
| 18.03.2008 12:35:28 |
| http://www.rfc1855.net/ |
 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 628
|
|
Hi,
Du kannst mit overflow-x:hidden; die horizontale Scrollbar "ausblenden".
Ist aber noch kein Standard und funktioniert noch nicht in allen Browsern.
Musst Du eben warten, bis CSS3 Standard ist... ;-)
Viel Spaß noch...
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.9.0.1) Gecko/2008072820 Firefox/3.0.1
|
|
| 18.03.2008 18:23:37 |
| http://dkmd.de | http://dkdenz.de |
|
|
Chiaki
Mitglied
Ort: Confoederatio Helvetica
Registriert: 23.12.2007
Beiträge: 146
|
|
Hab mal den Link zum Spec rausgekramt, falls es jemanden interessiert:
http://www.w3.org/TR/2007/WD-css3-box-20070809/#overflow
Dort ist "overflow" in CSS3 genauer beschrieben...
Greetings, Chiaki
_______________________________________
Make sure You've read RFC 1855, before sending electronic mail,
start Chats, posting on Newsgroups or leave any Comments.
RFC 1855: Netiquette Guidelines <http://www.rfc1855.net/>
|
|
| 18.03.2008 18:49:59 |
| http://www.rfc1855.net/ |
|
|
Hollg2000
Mitglied
Registriert: 18.03.2008
Beiträge: 2
|
|
Ich habe mir schon fast so etwas gedacht das es nicht 100%ig im offiziellen
(X)HTML-DTD definiert ist. Ja dann warten wir mal was das CSS3 bringt.
Ich danke Euch für die Beiträge, ist echt aufschlussreich gewesen.
thx Holger Saß
|
|
| 18.03.2008 21:19:25 |
|
|
|
Moin,
die Frage beschäftigt mich auch derzeit. Ich brauch nur einen vertikalen Balken, und das bei Tabellen, also bei tbody, für die ich height angeben will. Da kommen die Balken übrigens nur mit overflow:auto oder scroll.
Mit auto und scroll zeigt mir der FF beide an, weil der vertikale Balken Platz braucht und einen Teil des Tabelleninhalts verdeckt. overflow-x:hidden bringt mir hier also nichts.
Irgendwie müßte entweder der Container für tbody größer, oder der Balken außen angebracht werden.
|
|
| 28.03.2008 23:56:04 |
|
Chiaki
Mitglied
Ort: Confoederatio Helvetica
Registriert: 23.12.2007
Beiträge: 146
|
|
Hallo,
logischerweise erscheinen Scrollbars *innerhalb* des Containers (div, td, whatever...),
da sie ja auch *innerhalb* des Browserfensters angezeigt werden. Warum also sollten
die Srollbars dann *ausserhalb* erscheinen? Dort würden sie u.U. nur wieder andere
Inhalte verdecken, die sich um den betreffenden Container ansiedeln.
Den Container größer machen ist allerdings auch nur bedingt eine Lösung. Die
meisten Betriebssysteme ermöglichen es dem User, das Erscheinungsbild der
Srollbars auf persönliche Befindlichkeiten anzupassen, auch in Form und vor allem
Höhe/Breite. Einfach mal +10px auf die jeweilige Maßangabe zu addieren ist also
kaum sinnvoll.
Liest man sich die CSS3-Specs durch, stößt man bezüglich der Anzeige und
Positionierung von Scrollbars lediglich auf folgendes...
CSS3 - 11.1. The ‘overflow’, ‘overflow-x’ and ‘overflow-y’ properties schrieb:
These properties specify whether content is clipped when it overflows the element's
content area.
[...]
In the case of a scrollbar being placed on an edge of the element's box, it should be
inserted between the inner border edge and the outer padding edge.
The space taken up by the scrollbars affects the computation of the dimensions
in the rendering model.
|
Ob nun überhaupt Scrollbars angezeigt oder ob ein anderer Scrollmechanismus
angeboten werden soll, steht ebenfalls noch zur Diskussion...
CSS3 - 11.2. The ‘overflow-style’ property schrieb:
Value: auto | [scrollbar | panner | move | marquee] [, [scrollbar | panner | move | marquee]]*
[...]
This property specifies the preferred scrolling methods for elements that overflow
(see the ‘overflow’ property.) The value is either ‘auto’, meaning no preference,
or a list of methods in order of preference. The UA should use the first scrolling
method in the list that it supports. If it supports none of them, it must act as if
the value was ‘auto’.
|
Bleibt also - wie bisher - abzuwarten, was sich das W3C noch einfallen läßt, bis CSS3
endlich Standard wird und von ernstzunehmenden Implementierungen gesprochen
werden kann (also in etwa 8-12 Jahren :-) ).
Greetings, Chiaki
Beitrag geändert von Chiaki (29.03.2008 08:27:05)
_______________________________________
Make sure You've read RFC 1855, before sending electronic mail,
start Chats, posting on Newsgroups or leave any Comments.
RFC 1855: Netiquette Guidelines <http://www.rfc1855.net/>
|
|
| 29.03.2008 08:26:41 |
| http://www.rfc1855.net/ |
|
|
|
|
Das heißt, bei tbody kann ich das erstmal vergessen?
|
|
| 29.03.2008 16:09:47 |
|
|
|
wenn ihr zusätzlich mit max-width:123px; bzw. max-height:123px; in zusammenarbeit mit overflow:scroll; arbeitet, könnt ihr ziemlich gut und genau das verhalten der elemente festlegen.
|
|
| 06.07.2008 16:02:42 |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
