[SOLVED] overflow:hidden im firefox?

dinA

Little Overclocker

Registered: Mar 2003
Location: Wien
Posts: 114

28.07.2005 - 14:35

hi ihrs!

ich bastel momentan an einer recht simplen html-website für eine befreundete band. als logo hab ich ein ziemlich großes bild, welches bei 1280x1024 genau in die breite passen würde. ich möchte dass es so groß bleibt um seine wirkung zu behalten, und dass es bei kleineren auflösungen / fenstern ganz einfach rechts abgeschnitten wird (da der bandname sowieso in kleiner schrift am linken rand der großen grafik steht - und das ganze auch im abgeschnittenen zustand gut ausschaut).

ich hab es mit
overflow-x:hidden (siehe: http://aktuell.de.selfhtml.org/tipp...l/scrollbalken/)
gemacht, was im IE auch prima funktioniert.

aber was ist mit den anderen browsern? ich hab nix gefunden! gibt es irgendeine möglichkeit das ganze auch für die zu "cutten", da ja schon sehr viele leuts (mich@home inkl.) firefox verwenden, und es sonst blöd wäre wenn man auf jeder seite ganz weit nach rechts scrollen könnte / müsste. - oder sollte ich das ganze dann irgendwie anders lösen? was meint ihr?

lg & vielen dank im voraus!

Bearbeitet von dinA am 29.07.2005, 11:43

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

28.07.2005 - 14:40

lass' das "-x" weg, dann gehts in allen Browsern...

oder als Hintergrunbild

dinA

Little Overclocker

Registered: Mar 2003
Location: Wien
Posts: 114

28.07.2005 - 14:43

hmm - aber wenn ich das x weglasse gibts auf der y-achse ja auch keinen scrollbalken mehr.

ich hatte es anfangs als hintergrundbild, aber da ergibt sich auch ein problem, denn... hmm stopp - da fällt mir grad was ein. danke!

*malprobierengeh*

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

28.07.2005 - 15:19

Zitat von dinA
hmm - aber wenn ich das x weglasse gibts auf der y-achse ja auch keinen scrollbalken mehr.

ich hatte es anfangs als hintergrundbild, aber da ergibt sich auch ein problem, denn... hmm stopp - da fällt mir grad was ein. danke!
*malprobierengeh*

Wenn du geschrieben hättest was du vorhast hätte ich dir gleich sagen können ob's geht oder nicht

Naja, ich will dich aber auf keinen Fall bremsen, finde Eigeninitiative gut.
Für nächste Frage: Wenn möglich, bitte den Code - sonst müssen wir von Annahmen ausgehen, die nicht unbedingt richtig sind (Öhm, welche Scrollbars bei einem <img> zum Beispiel)

dinA

Little Overclocker

Registered: Mar 2003
Location: Wien
Posts: 114

28.07.2005 - 15:34

okay - nun poste ich mit code - denn ich geb auf.

hab mich jetzt ne zeit lang rumgespielt, es geht nämlich darum dass auch die hintergrundfarbe schwarz sein soll - und das lässt sich ja nicht gleichzeitig mit befehlen definieren. (und falls doch weiss ich nicht wie) drum hab ich es jetzt mit div's versucht - aber so wie der code ist wird die farbe logischerweise nur für den bereich angezeigt wo auch content gegeben ist (und das suckt!). hat irgendwer ideen das zu lösen? klar - die einfachste methode wäre ohne frames - aber ich möcht ja dass die seite für so ziemlich jeden so ziemlich gut erkennbar ist.

hach...

also da:

Code:

<html>
<head>
<title>XXX</title>
</head>
<style type="text/css">
<!--
body {  background-image:URL(XXX.jpg);
	background-repeat:no-repeat;
	color:#f0ffff; 
	margin-top:0px;
	margin-left:0px;
	margin-right:0px }
a:link { color:#f0ffff; }
a:visited { color:#f0ffff; }
a:active { color:#f0ffff; }
#position { position:absolute; top:230px; }
*.black { background-color:black; }


-->
</style>
<body>

</head>
<body>
<center>
<div id="position">
<div class="black">
<a href="band.html"><img src="band.jpg" border="0"></a>
<a href="media.html"><img src="media.jpg" border="0"></a>
<a href="links.html"><img src="links.jpg" border="0"></a>
<a href="guestbook.html"><img src="guestbook.jpg" border="0"></a>
<a href="mailto:XXX@XXX.at"><img src="contact.jpg"border="0"></a><br>
</center>
<br>
aaa
<br>
</div>
</div>
</body>
</html>

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

28.07.2005 - 16:08

mit frames -> für weniger
ohne frames -> für mehr

Aber... ich seh' keine Frames...

dinA

Little Overclocker

Registered: Mar 2003
Location: Wien
Posts: 114

28.07.2005 - 16:15

ähm wie gesagt es gibt keine!

ich wills ja ohne frames lösen, aber bisher isses mir noch nicht geglückt. (zumindest auf keine optisch ideale weise)

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

28.07.2005 - 16:31

Zitat von dinA
ähm wie gesagt es gibt keine!

ich wills ja ohne frames lösen, aber bisher isses mir noch nicht geglückt. (zumindest auf keine optisch ideale weise)

achso, dann hab ich das falsch verstanden... ok.

edit: mpf, wieder voreilig... wo soll jetzt der Banner hin?

dinA

Little Overclocker

Registered: Mar 2003
Location: Wien
Posts: 114

28.07.2005 - 17:04

es soll so ausschaun:

______________
BIIIIIIIILLLLLLLL|LDDD
BIIIIIIIILLLLLLLL|LDDD
B U T T O N S! |
BLACK
C O N T E N T
BLACK
BLACK
BLACK (HINTERGRUND = ÜBERALL!)

dacht ich hätt das eh schon so genau wie möglich mit meinen postings beschrieben.

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

28.07.2005 - 19:22

ah, ich denke ich weiss was du meinst...
check...
http://noob2k.com/watchouts_scripts/4_DinA_01.html

ungefähr das was du meinst?

dinA

Little Overclocker

Registered: Mar 2003
Location: Wien
Posts: 114

29.07.2005 - 11:42

sodala - echt geil. gestern als ich in der badewanne lag kam mir die lösung, habs auch jetzt ausprobiert und es klappt. klar - es ist keine codemässig-wunderschöne lösung, aber hauptsach es klappt:

Code:

<html>
<head>
<title>XXX</title>
</head>
<style type="text/css">
<!--
body {	color:#f0ffff; 
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	overflow:hidden; }
a:link { color:#f0ffff; }
a:visited { color:#f0ffff; }
a:active { color:#f0ffff; }
#position { position:absolute; top:230px; }
*.black { background-color:black; }
*.right { align:right; }


-->
</style>
<body>

</head>
<body>
<div class="black"><p style="text-align:right;"><a href="index.html"><img src="XXX.jpg" border="0"></img></p><br>
<div id="position"><div class="black">
<a href="band.html"><img src="band.jpg" border="0"></img></a>
<a href="media.html"><img src="media.jpg" border="0"></img></a>
<a href="links.html"><img src="links.jpg" border="0"></img></a>
<a href="guestbook.html"><img src="guestbook.jpg" border="0"></img></a>
<a href="mailto:XXX@XXX.at"><img src="contact.jpg"border="0"></img></a><br>
<br>
<br>
Content! :D
<br>
</div>
</div>
<div class="black"><br><br><br><br><br><br><br><br><br><br><br><br></div>
</body>
</html>

das einzige was jetzt ist, is dass ich halt aufpassen muss dass ich nicht zu weit runter kommt mit meinem content, da ich jetzt schon die overflow:hidden funktion benutzt hab - und zwar für die x&y-achse so dass es schön browserkompatibel ist. so wie ich das auf http://www.css4you.de/overflow.html gesehen hab können dann nur netscape4-user die site nicht im idealen zustand sehen - und ich denk wer noch netscape 4 nutzt sit sowieso selbst schuld!

@watchout: ja so - aber jetzt hab ichs eh auch allein geschafft. danke trotzdem für deine aufmerksamkeit!

dinA Little Overclocker Registered: Mar 2003 Location: Wien Posts: 114	28.07.2005 - 14:35 hi ihrs! ich bastel momentan an einer recht simplen html-website für eine befreundete band. als logo hab ich ein ziemlich großes bild, welches bei 1280x1024 genau in die breite passen würde. ich möchte dass es so groß bleibt um seine wirkung zu behalten, und dass es bei kleineren auflösungen / fenstern ganz einfach rechts abgeschnitten wird (da der bandname sowieso in kleiner schrift am linken rand der großen grafik steht - und das ganze auch im abgeschnittenen zustand gut ausschaut). ich hab es mit overflow-x:hidden (siehe: http://aktuell.de.selfhtml.org/tipp...l/scrollbalken/) gemacht, was im IE auch prima funktioniert. aber was ist mit den anderen browsern? ich hab nix gefunden! gibt es irgendeine möglichkeit das ganze auch für die zu "cutten", da ja schon sehr viele leuts (mich@home inkl.) firefox verwenden, und es sonst blöd wäre wenn man auf jeder seite ganz weit nach rechts scrollen könnte / müsste. - oder sollte ich das ganze dann irgendwie anders lösen? was meint ihr? lg & vielen dank im voraus! Bearbeitet von dinA am 29.07.2005, 11:43
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	28.07.2005 - 14:40 lass' das "-x" weg, dann gehts in allen Browsern... oder als Hintergrunbild
dinA Little Overclocker Registered: Mar 2003 Location: Wien Posts: 114	28.07.2005 - 14:43 hmm - aber wenn ich das x weglasse gibts auf der y-achse ja auch keinen scrollbalken mehr. ich hatte es anfangs als hintergrundbild, aber da ergibt sich auch ein problem, denn... hmm stopp - da fällt mir grad was ein. danke! malprobierengeh
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	28.07.2005 - 15:19 Zitat von dinA hmm - aber wenn ich das x weglasse gibts auf der y-achse ja auch keinen scrollbalken mehr. ich hatte es anfangs als hintergrundbild, aber da ergibt sich auch ein problem, denn... hmm stopp - da fällt mir grad was ein. danke! malprobierengeh Wenn du geschrieben hättest was du vorhast hätte ich dir gleich sagen können ob's geht oder nicht Naja, ich will dich aber auf keinen Fall bremsen, finde Eigeninitiative gut. Für nächste Frage: Wenn möglich, bitte den Code - sonst müssen wir von Annahmen ausgehen, die nicht unbedingt richtig sind (Öhm, welche Scrollbars bei einem <img> zum Beispiel)
dinA Little Overclocker Registered: Mar 2003 Location: Wien Posts: 114	28.07.2005 - 15:34 okay - nun poste ich mit code - denn ich geb auf. hab mich jetzt ne zeit lang rumgespielt, es geht nämlich darum dass auch die hintergrundfarbe schwarz sein soll - und das lässt sich ja nicht gleichzeitig mit befehlen definieren. (und falls doch weiss ich nicht wie) drum hab ich es jetzt mit div's versucht - aber so wie der code ist wird die farbe logischerweise nur für den bereich angezeigt wo auch content gegeben ist (und das suckt!). hat irgendwer ideen das zu lösen? klar - die einfachste methode wäre ohne frames - aber ich möcht ja dass die seite für so ziemlich jeden so ziemlich gut erkennbar ist. hach... also da: Code: <html> <head> <title>XXX</title> </head> <style type="text/css"> <!-- body { background-image:URL(XXX.jpg); background-repeat:no-repeat; color:#f0ffff; margin-top:0px; margin-left:0px; margin-right:0px } a:link { color:#f0ffff; } a:visited { color:#f0ffff; } a:active { color:#f0ffff; } #position { position:absolute; top:230px; } *.black { background-color:black; } --> </style> <body> </head> <body> <center> <div id="position"> <div class="black"> <a href="band.html"><img src="band.jpg" border="0"></a> <a href="media.html"><img src="media.jpg" border="0"></a> <a href="links.html"><img src="links.jpg" border="0"></a> <a href="guestbook.html"><img src="guestbook.jpg" border="0"></a> <a href="mailto:XXX@XXX.at"><img src="contact.jpg"border="0"></a><br> </center> <br> aaa <br> </div> </div> </body> </html>
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	28.07.2005 - 16:08 mit frames -> für weniger ohne frames -> für mehr Aber... ich seh' keine Frames...
dinA Little Overclocker Registered: Mar 2003 Location: Wien Posts: 114	28.07.2005 - 16:15 ähm wie gesagt es gibt keine! ich wills ja ohne frames lösen, aber bisher isses mir noch nicht geglückt. (zumindest auf keine optisch ideale weise)
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	28.07.2005 - 16:31 Zitat von dinA ähm wie gesagt es gibt keine! ich wills ja ohne frames lösen, aber bisher isses mir noch nicht geglückt. (zumindest auf keine optisch ideale weise) achso, dann hab ich das falsch verstanden... ok. edit: mpf, wieder voreilig... wo soll jetzt der Banner hin?
dinA Little Overclocker Registered: Mar 2003 Location: Wien Posts: 114	28.07.2005 - 17:04 es soll so ausschaun: ______________ BIIIIIIIILLLLLLLL\|LDDD BIIIIIIIILLLLLLLL\|LDDD B U T T O N S! \| BLACK C O N T E N T BLACK BLACK BLACK (HINTERGRUND = ÜBERALL!) dacht ich hätt das eh schon so genau wie möglich mit meinen postings beschrieben.
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	28.07.2005 - 19:22 ah, ich denke ich weiss was du meinst... check... http://noob2k.com/watchouts_scripts/4_DinA_01.html ungefähr das was du meinst?
dinA Little Overclocker Registered: Mar 2003 Location: Wien Posts: 114	29.07.2005 - 11:42 sodala - echt geil. gestern als ich in der badewanne lag kam mir die lösung, habs auch jetzt ausprobiert und es klappt. klar - es ist keine codemässig-wunderschöne lösung, aber hauptsach es klappt: Code: <html> <head> <title>XXX</title> </head> <style type="text/css"> <!-- body { color:#f0ffff; margin-top:0px; margin-left:0px; margin-right:0px; overflow:hidden; } a:link { color:#f0ffff; } a:visited { color:#f0ffff; } a:active { color:#f0ffff; } #position { position:absolute; top:230px; } .black { background-color:black; } .right { align:right; } --> </style> <body> </head> <body> <div class="black"><p style="text-align:right;"><a href="index.html"><img src="XXX.jpg" border="0"></img></p><br> <div id="position"><div class="black"> <a href="band.html"><img src="band.jpg" border="0"></img></a> <a href="media.html"><img src="media.jpg" border="0"></img></a> <a href="links.html"><img src="links.jpg" border="0"></img></a> <a href="guestbook.html"><img src="guestbook.jpg" border="0"></img></a> <a href="mailto:XXX@XXX.at"><img src="contact.jpg"border="0"></img></a><br> <br> <br> Content! :D <br> </div> </div> <div class="black"><br><br><br><br><br><br><br><br><br><br><br><br></div> </body> </html> das einzige was jetzt ist, is dass ich halt aufpassen muss dass ich nicht zu weit runter kommt mit meinem content, da ich jetzt schon die overflow:hidden funktion benutzt hab - und zwar für die x&y-achse so dass es schön browserkompatibel ist. so wie ich das auf http://www.css4you.de/overflow.html gesehen hab können dann nur netscape4-user die site nicht im idealen zustand sehen - und ich denk wer noch netscape 4 nutzt sit sowieso selbst schuld! @watchout: ja so - aber jetzt hab ichs eh auch allein geschafft. danke trotzdem für deine aufmerksamkeit!

[SOLVED] overflow:hidden im firefox?

Forum Index > Software > Coding Stuff

dinA

watchout

dinA

watchout

dinA

watchout

dinA

watchout

dinA

watchout

dinA