Autor |
Nachricht |
16V-Schrauber
Threadersteller
Dabei seit: 15.11.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 02.01.2007 22:56
Titel Inhalt mit 3 Boxen und Overflow geht nicht |
|
|
Hallo
Habe ein Problem:
Siehe hier: http://www.europa-geht-weiter.de/jimd/
Folgendes möchte ich:
Es soll der Inhalt mit den 3 Boxen nach links und rechts scrollbar sein, jedoch erhält der rechte Block einen Absatz.
Kann mir jemand sagen, wie ich alles auf eine Reihe bekomme und ich den Scrollbalken habe?
MfG
|
|
|
|
|
kreativsteffi
Dabei seit: 21.02.2005
Ort: Jena
Alter: 38
Geschlecht:
|
Verfasst Mi 03.01.2007 10:19
Titel
|
|
|
tja da würd ich mal sagen falsch gerechnet.....
deine gesamtbreite ist 1280, doch die einzelnen content-bereiche jeweils 450px breit
450px*3= 1350px ergo zu groß, da rutscht das eine automatisch runter
warum machst du eigentlich so eine große breite? da müssen ja alle, auch die mit 1280px breite scrollen.....wäre vielleicht besser wenn du prozentangaben als breite angibst, dann ist es immer ausgefüllt und das scrollen wird unterbunden. horizontales scrollen ist nämlich
|
|
|
|
|
Anzeige
|
|
|
16V-Schrauber
Threadersteller
Dabei seit: 15.11.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 03.01.2007 13:19
Titel
|
|
|
Hi
Der Auftraggeber möchte horizontales Scrollen!! Leider! In der Designvorgabe ist es so vorgeschrieben! Mir gefällts auch nicht. Wie kann ich es lösen, das ich alle 3 Inhaltsblöcke horizontal verschieben kann?
MfG
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 03.01.2007 13:33
Titel
|
|
|
gib den entsprechenden boxen ne feste breite und dann white-space: pre; im stylesheet.
|
|
|
|
|
16V-Schrauber
Threadersteller
Dabei seit: 15.11.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 03.01.2007 16:14
Titel
|
|
|
Hallo
Hab es jetzt im Firefox auf 3 Zeilen, aber der IE6 zeigt den dritten Block wieder auf der nächsten Zeile!!
Ich bin mit meinem Latein am Ende!
MfG
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 03.01.2007 16:26
Titel
|
|
|
Müsste das in dem Fall nicht white-space: nowrap; heißen?
//Und wieso positionierst Du die drei Boxen nicht
einfach absolut, wenn Du doch fixe Größen angibst?
Sehe da keinen Grund zum umeinanderfloaten...
Und womöglich kämpfst Du durch das floaten auch grade
mit diesem Problem:
http://www.positioniseverything.net/explorer/doubled-margin.html
Zuletzt bearbeitet von Raumwurm am Mi 03.01.2007 16:31, insgesamt 1-mal bearbeitet
|
|
|
|
|
16V-Schrauber
Threadersteller
Dabei seit: 15.11.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 03.01.2007 17:35
Titel
|
|
|
Hi
mit einer absoluten Positionierung funktioniert die overflow funktion nicht! Da sind die ganzen Blöcke über allem!
Ich brauche ne gute Lösung.
MfG
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 03.01.2007 19:08
Titel
|
|
|
16V-Schrauber hat geschrieben: | Hi
mit einer absoluten Positionierung funktioniert die overflow funktion nicht! Da sind die ganzen Blöcke über allem!
Ich brauche ne gute Lösung.
MfG |
Weiß ja nicht ob ich dich richtig verstehe, aber
so ists doch gemeint?
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/1999/PR-xhtml1-19991210/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Supertolle Konstruktion</title>
<style type="text/css">
<!--
BODY, HTML {
width:100%;
overflow:hidden;
}
BODY {
margin:0;
padding:0;
}
DIV#container {
position:relative;
width:100%;
height:420px;
display:block;
overflow:auto;
}
DIV#box1, DIV#box2, DIV#box3 {
position:absolute;
left:0;
top:10px;
width:380px;
height:380px;
background:red;
overflow:auto;
}
DIV#box2 {
left:390px;
background:green;
}
DIV#box3 {
left:780px;
background:yellow;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="box1">
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s, when an unknown printer took a galley of type and scrambled it to
make a type specimen book. It has survived not only five centuries, but also
the leap into electronic typesetting, remaining essentially unchanged. It was
popularised in the 1960s with the release of Letraset sheets containing Lorem
Ipsum passages, and more recently with desktop publishing software like Aldus
PageMaker including versions of Lorem Ipsum. </p>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s, when an unknown printer took a galley of type and scrambled it
to make a type specimen book. It has survived not only five centuries, but
also the leap into electronic typesetting, remaining essentially unchanged.
It was popularised in the 1960s with the release of Letraset sheets containing
Lorem Ipsum passages, and more recently with desktop publishing software
like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
<div id="box2">
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s, when an unknown printer took a galley of type and scrambled it to
make a type specimen book. It has survived not only five centuries, but also
the leap into electronic typesetting, remaining essentially unchanged. It was
popularised in the 1960s with the release of Letraset sheets containing Lorem
Ipsum passages, and more recently with desktop publishing software like Aldus
PageMaker including versions of Lorem Ipsum. </p>
<p><strong>Lorem Ipsum</strong>is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s, when an unknown printer took a galley of type and scrambled it
to make a type specimen book. It has survived not only five centuries, but
also the leap into electronic typesetting, remaining essentially unchanged.
It was popularised in the 1960s with the release of Letraset sheets containing
Lorem Ipsum passages, and more recently with desktop publishing software
like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
<div id="box3">
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s, when an unknown printer took a galley of type and scrambled it to
make a type specimen book. It has survived not only five centuries, but also
the leap into electronic typesetting, remaining essentially unchanged. It was
popularised in the 1960s with the release of Letraset sheets containing Lorem
Ipsum passages, and more recently with desktop publishing software like Aldus
PageMaker including versions of Lorem Ipsum. </p>
<p><b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s, when an unknown printer took a galley of type and scrambled it
to make a type specimen book. It has survived not only five centuries, but
also the leap into electronic typesetting, remaining essentially unchanged.
It was popularised in the 1960s with the release of Letraset sheets containing
Lorem Ipsum passages, and more recently with desktop publishing software
like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
</div>
</body>
</html>
|
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS: bei click inhalt wechseln in mehreren boxen ?!
overflow-y im IE & FF
IE: Problem mit Overflow
overflow < > drucken
[CSS] overflow-x:hidden
overflow: -moz-scrollbars-vertical;
|
|