nicht angemeldet
Bilder über linken Rand hinaus
Hi
Nehmen wir an, ich habe ein Seitendesign welches so aussieht:
http://mypage.bluewin.ch/s4murai/box1.png
Die schwarzen Pfeile wären Bilder als Verzierung (tut mir echt Leid falls sich ein HTML-Purist daran stört), die weisse Box würde die Infos beinhalten.
Wenn man nun das Browserfenster ziemlich verkleinern würde, würde der Abstand links gleich bleiben und die rechten Pfeile und die Infobox wohl angeschnitten.
http://mypage.bluewin.ch/s4murai/box2.png
Ist es möglich, mit CSS Negativ-Werte anzugeben, so dass die Pfeile stattdessen links über den Rand ragen würden und die Infobox dafür immer ganz (ok, wenn man das Fenster ziemlich verkleinert wohl nicht mehr) zu sehen ist bzw. sozusagen zentriert wird?
http://mypage.bluewin.ch/s4murai/box3.png
Falls es mit CSS alleine nicht geht, wäre es über DHTML möglich?
Hoffe meine Frage ist einigermassen verständlich.
Gruss
Blabla
-
Genau das was du willst passiert bei Mozilla wenn du dein Layout margin: auto; und text-align: center; positionierst (siehe http://www.danah.ch/). Bei mir war es einfach so dass ich das nicht wollte und auch andere Browser (z.B. IE) dies nicht so machen. Wenn Du aber ein fixes Layout hast, könntest Du mit Hintergrundbildern arbeiten und diese auch mittig platzieren. Ansonsten bleibt die Frage wie viele User so ein kleines Browserfenster haben, bzw wie breit dein Layout denn ist (eher 600px oder eher 1280px)?
Probiers mal, Andre
--
Dschinni - Web in alle Richtungen-
Genau das was du willst passiert bei Mozilla wenn du dein Layout margin: auto; und text-align: center; positionierst (siehe http://www.danah.ch/).
O_o
Wow. Es ist mir noch nie aufgefallen, dass das mit diesem Befehl automatisch passiert. Danke.
Ansonsten bleibt die Frage wie viele User so ein kleines Browserfenster haben, bzw wie breit dein Layout denn ist (eher 600px oder eher 1280px)?
Die Bilder sind natürlich nur als Beispiel gedacht, das eigentliche Design wäre etwa 620 Pixel breit für die Inhaltsbox + eben noch Grafiken auf beiden Seiten.
-
hi,
Die Bilder sind natürlich nur als Beispiel gedacht, das eigentliche Design wäre etwa 620 Pixel breit für die Inhaltsbox + eben noch Grafiken auf beiden Seiten.
dann würde ich alles in einen umgebenden div als container packen, und diesen wie folgt zentrieren:
#container {
position:absolute;
left:50%;
top:50%;
width:700px;
height:500px;
margin-left:-350px; /* hier genau die negative hälfte der fest definierten(!) breite nehmen */
margin-top:-250px; /* analog, hier die höhe */
}das sollte den effekt haben, dass dein layout bei zu kleinem browserfenster trotzdem mittig bleibt, ohne das scrollbalken angeboten werden.
gruss,
wahsaga
-
-
-
Hallo »Blabla«,
Die schwarzen Pfeile wären Bilder als Verzierung (tut mir echt Leid falls
sich ein HTML-Purist daran stört),Ich wurde zwar durchaus schon als HTML-Purist bezeichnet, aber dies ist es
nicht, was mich an Deinen Pfeilen stört. Der Grund ist ein Designtechnischer.Pfeile zeigen auf etwas. Dies sind wir so und es dürfte schon auf den
unteren, automatisch ablaufenden Ebenen unseres Bewußtseins verankert
sein. Das heißt, wenn man (ich zumindest) Deine Seitenlayout betrachtet,
wird der Blick automatisch weggezogen und dies auch noch in unterschiedliche
Richtungen. Wenn Du den Blick des Besuchers dagegen auf Deinen Inhalt
gerichtet haben möchtest, wovon ich ausgehe, ist das sehr kontraproduktiv.Ein professioneller Kommunikationsdesigner hat etwas ähnliches hier als
Fluchtliniengesetz beschrieben:
http://www.kommdesign.de/texte/aufmerk6.htm#hintergrund (etwas runterscrollen)
Generell lohnt sich diese Seite zu solchen Themen sehr.Meiner Meinung nach solltest Du diesen Effekt nochmal überdenken, wegnehmen
oder abschwächen. Ein weniger ins Auge fallender Farbkontrast für die
Pfeile und den Hintergrund währe nett, besser fände ich eine Umrahmung
ohne Pfeilgestalt, beispielsweise einfache Winkel.Tim
-
Tim
ich denke, das deine Antwort sehr hilfreich auf die Frage "Wie findet Ihr mein Design?" gewesen wäre. Aber das war nicht die Frage. Ausserdem ist es sehr schwierig für einen Aussenstehenden aus einem Bild mit 3 Farben die Verwendug, Bestimmung und alle Gedanken die dahinter stecken zu erkennen.
Hast du Anregungen zu meiner Seite http://www..dschinni.ch/aussenraum/? Auch hier gilt: Es ist noch nicht fertig, aber ich schätze Anregungen.
Bis später. Andre
--
Dschinni - Web in alle Richtungen
-
Lieber Tim
Ich finde es wundervoll, wie du über so etwas belangloses soviel Text schreiben kannst. Wie ich schon als Antwort bei Andre5 geschrieben habe, die Bilder dienen nur zur Veranschaulichung. d.h. ich habe diese Bilder mit Photoshop in etwa 5 Minuten erstellt. Die Pfeile kamen mir spontan in den Sinn und es war mir dabei nicht bewusst, was ich für eine Antwort deinerseits auslösen würde.
Seltsam, das selbst mein Monitor an den Ecken sozusagen 90° Pfeile enthält und ich mich nicht daran störe sondern das anschaue, was sonst auf dem Bildschirm zu sehen ist.
Ich danke dir für den interessanten Link, doch wie schon geschrieben, sehen mein eigentliches Seitendesign und meine Grafiken völlig anders aus und ich benutze keine Pfeile wie auf den Beispielbildern.
Gruss
Blabla-
hi,
Ich finde es wundervoll, wie du über so etwas belangloses soviel Text schreiben kannst. Wie ich schon als Antwort bei Andre5 geschrieben habe, die Bilder dienen nur zur Veranschaulichung. d.h. ich habe diese Bilder mit Photoshop in etwa 5 Minuten erstellt.
in deines ausgangsosting schreibst du noch,
Die schwarzen Pfeile wären Bilder als Verzierung
Die Pfeile kamen mir spontan in den Sinn und es war mir dabei nicht bewusst, was ich für eine Antwort deinerseits auslösen würde.
das klingt, als ob du jetzt irgendwie beleidigt wärst, oder dich ungerechtfertig kritisiert fühlst. wieso? es besteht doch absolut kein grund dazu. Tim hat dir _konstruktive_ kritik geliefert, also warum reagierst du so angesäuert?
Seltsam, das selbst mein Monitor an den Ecken sozusagen 90° Pfeile enthält und ich mich nicht daran störe sondern das anschaue, was sonst auf dem Bildschirm zu sehen ist.
unterlass doch bitte diese polemik. wenn du nicht mit kritik (nochmal: es war _konstruktive_ kritik!) umgehen kannst, dann solltest du nicht hier im forum fragen.
Ich danke dir für den interessanten Link, doch wie schon geschrieben, sehen mein eigentliches Seitendesign und meine Grafiken völlig anders aus und ich benutze keine Pfeile wie auf den Beispielbildern.
das war aus deinem ausgangsposting nicht ersichtlich.
gruss,
wahsaga
-
-