nicht angemeldet
float mit 200px und kontent 100% in einem Div unterkriegen
0 1 0 
MudGuard
0
float mit 200px und kontent 100% in einem Div unterkriegen
Hi,
vor ein Paar tagen hatte ein OP hier ein Problem mit Horizontalem scrollen, (bzw. hat er noch)
da hab ich aus lerntechnischen gründen mich dahinter gesetzt und mir was zusammen gebastelt,
hat mich irgendwie interessiert.
Jetzt hab ich den Salat und komm selbst nicht weiter. :(
=|| div total
==============================================================
|| /-----------------------------------------------------\ ||
|| | | | ||
|| | | | ||
|| | #linkskontent | #rechtskontent | ||
|| | | | ||
|| | | | ||
|| | | | ||
|| | | | ||
|| | | | ||
|| | | <-------scroll-------> | ||
|| ------------------------|----------------------------/ ||
==============================================================
#total {width:99%; overflow:auto;}
#linkskontent { float:left; height: 560px; width: 200px; margin: 0; overflow:hidden;}
#rechtskontent { height: 560px; width: 100% -200px; margin-left: 0; overflow:auto;}
im FF wird das konstrukt ordnungsgemäß dargestellt, auch wenn der Validator das
#rechtskontent { width: 100% -200px;}
bemängelt, nur der IE kann mit diesen werten nichts anfangen und stellt bei rechtskontent einfach 100% dar und rutscht somit unter den
gefloateten linkskontent.
Meine Frage, gibt es eine möglichkeit für den IE, nur mittels CSS dem #rechtskontent zu sagen, nimm 100% von dem,
was dir in #total noch übrig bleibt. (nach abzug der 200 px für das links gefloatete #linkskontent)
Suchen bringt mich irgendwie nicht weiter, weil ich nicht weiss, nach welchen Suchbegriffen ich zu suchen habe.
Und dann ist da noch das anker Problem, das zu beschreiben wäre jetzt sehr
umständlich,
wenn man von bild 1 runter bis auf bild 9 klickt, und dann das ganze
rückwärts von 9 bis 1, die Punkte zu denen der Anker springt.
Grüße,
Engin
GYRO
-
Hallo,
#rechtskontent { width: 100% -200px;}Ähm was soll das denn werden willst du mit CSS (2.x) rechnen? Das geht nicht, auch nicht im Fx.
mach doch einfach #rechtskontent { margin-left: 200 px; }
Jeena
-
Hi Jeena,
#rechtskontent { width: 100% -200px;}
Ähm was soll das denn werden willst du mit CSS (2.x) rechnen? Das geht nicht, auch nicht im Fx.mach doch einfach #rechtskontent { margin-left: 200 px; }
Das hab ich alles schon versucht, (übrigens jetzt nochmal mit anderen variationen, nada) es geht um das Eltern-element, in dem
fall ist es <div total> mit width:99%, in dem <div total> ist ein links gefloatetes Objekt mit 200 px,
das was dann in <div total> übrigbleibt (der rest nach abzug von 200px) soll zu 100% genutzt werden.
Der FF macht es mit den#rechtskontent { width: 100% -200px;}, nur der IE zickt rum.Grüße,
Engin
GYRO-
Hi,
Der FF macht es mit den
#rechtskontent { width: 100% -200px;}, nur der IE zickt rum.Der macht es vermutlich auch ganz ohne die width-Angabe, denn Firefox ignoriert fehlerhafte Angaben.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
-
-
Hoi,
so macht man das ungefaehr, hab ne Beispiel dafuer, ist bissel anders wie du willst, aber kann man, denkmal, einfach fuer dich den HTML code aendern. Schau doch mal rein:
-
Hi Inita,
das ist ein sehr schönes bsp., hab mal versucht es mit meiner geschichte zu kombinieren,
jetzt hat der IE nur noch ein Problem mit den Ankern, das schau ich mir heute abend nochmal genauer an.Grüße,
Engin
GYRO-
Hi Inita,
hmm, was fuer Anker :/.
LG,
Inita-
Hi Inita,
hmm, was fuer Anker :/.
Grüße,
Engin
GYRO
-
-
-