[SOLVED] overflow:hidden im firefox?

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/solved_overflow_hidden_im_firefox_146610/page_1 - zur Vollversion wechseln!

dinA schrieb am 28.07.2005 um 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!

watchout schrieb am 28.07.2005 um 14:40

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

oder als Hintergrunbild

dinA schrieb am 28.07.2005 um 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 schrieb am 28.07.2005 um 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 schrieb am 28.07.2005 um 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 schrieb am 28.07.2005 um 16:08

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

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

dinA schrieb am 28.07.2005 um 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 schrieb am 28.07.2005 um 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 schrieb am 28.07.2005 um 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 schrieb am 28.07.2005 um 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 schrieb am 29.07.2005 um 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!