layout

[Shade Of Mine]

und was ist wenn jemand nicht im Vollbild surft??

solche optimierungen sind doch kaese - mach einfach alle werte in Prozent bis auf meinetwegen ein paar statische dinger - die muessen dann aber klein genug sein.

[nman]

Ich würde auch auf keinen Fall für eine bestimmte Auflösung optimieren, aber %-Werte kann ich auch nicht gerade empfehlen, IE (bis hinauf zur Version 6) und ältere Opera-Versionen haben mit relative-Positioning in Verbindung mit %-Angaben teils Probleme.

Abhilfe schafft es zB., einfach die Ränder der verwendeten divs per em-Angabe der Abstände zum Fensterrand zu positionieren, auch wenn das leider nicht so elegant ist.

edit: Über 1024x768-"optimierte" Webseiten ärgere ich mich übrigens sehr oft, da ich zwar einen 19''Schirm mit 1280x1024 verwende, mein Browserfenster aber meistens nur etwa 500x500px groß ist. (So lässt sich mit Mouse-Auto-Raise einfach bequemer arbeiten, maximierte Fenster sind dann wirklich seeehr unpraktisch!)

edit2: Warum verwenden eigentlich noch immer so viele Leute Tabellen zur Positionierung, es gibt doch divs, die sind für sowas perfekt geeignet!

[ Dieser Beitrag wurde am 13.01.2003 um 20:23 Uhr von nman editiert. ]

[mi+chl]

wieso das immer noch so viele machen weiß ich nicht, ich machs ja nur nach

also würdest du div's (also css) zur positionierung empfehlen?
aber wie meinst du das "divs per em-Angabe der Abstände zum Fensterrand zu positionieren"?
ich möchte ja auch nicht unbedingt für eine bestimmte auflösung optimieren, aber ich denk mir halt, das ich einen gewissen platz einfach brauche für den content bzw die navi (oder was auch immer)...oder lässt sich das so machen, das man nie scrollen muss und dann einfach automatisch die zeilen umgebrochen werden?

mfg

[flenders]

Mit tabellen ist es eben universeller (läuft auf mehr Browsern)!
Im Normalfall werden Zeilen automatisch umgebrochen! Aber wenn der User das Fenster sehr schmal macht, verbiegt es dir irgendwann das komplette Layout! Also ich verwende für die meisten Sachen lieber Tabellen (ist halt meine Meinung )

[nman]

Dieser Beitrag wurde gelöscht!

[mi+chl]

also mich hast du von css überzeugt, ist echt wahnsinnig praktisch....

ach ja, kompliment für snip, ich hab schon 106098 punkte (bin richtig süchtig danach)...

mfg

[Shade Of Mine]

@nman:
nicht zu vergessen: divs sparen viel Traffic

[nman]

Original erstellt von mi+chl:
also mich hast du von css überzeugt, ist echt wahnsinnig praktisch....
ach ja, kompliment für snip, ich hab schon 106098 punkte (bin richtig süchtig danach)...

Ja, finde ich auch, CSS ist so ziemlich die coolste Sache die Webdesignern passieren konnte!
Hey, sehr cool, das freut mich jetzt aber, dass jemand snip wirklich spielt, noch dazu wenn dabei so erstaunliche Punktezahlen zustande kommen, du bist der erste von dem ich höre dass er meinen Highscore geknackt hat! (snip wurde mittlerweile zwar schon über 120 mal heruntergeladen, aber Feedback habe ich eigentlich bislang nur von ein paar Bekannten von mir bekommen denen es zwar gut gefallen hat, aber sonst eigentlich keines - das sf-forum ist komplett leer - daher weiß ich nicht, wie vielen Leuten es gefällt...)

Shade: Ja, das ist natürlich auch ziemlich wichtig; hatte ich leider vergessen.

[mi+chl]

@nman

ich hab irgendwie ein problem mit dem ausrichten....ich hab das ganze mal so gemacht, wie auf deiner seite, aber wenn ich keine breite (width) einstelle, sondern einfach mit left und right (em angaben) positionieren will, dann ignoriert er right einfach und positioniert es links....wenn ich left weglasse, dann macht er es rechts hin, aber beim kombinieren ignoriert er immer right.....

wie hast du das mit den links gemacht (das sie nicht unterstrichen sind und sich einfärben)? ich weiß zwar wie das geht, hab aber in deinem code nix in der art gefunden....

mfg

[nman]

Dieser Beitrag wurde gelöscht!

[mi+chl]

ja, ich verwende IE6...ist das ein problem?

[nman]

Original erstellt von mi+chl:
ja, ich verwende IE6...ist das ein problem?

Ja, beim Entwurf schon, besorg Dir einen Gecko-based Browser (Mozilla, Phoenix, etc)! Der IE zeigt sowas erst korrekt an, wenn Du genug Text auf einer Seite hast.

[mi+chl]

was heißt genug?
ein bissl was is nämlich eh schon drauf(eine überschrift und 2 zeilen.....)

[nman]

Naja, genug dass bei der ersten Zeile umgebrochen wird ohne dass du ein <br /> oder </p> reinschreibst halt.

[mi+chl]

beim mozilla passts jetzt, danke....

[mi+chl]

so, im prinzip halbwegs in ordnung....
aber ein paar kleinigkeiten stören mich noch.....

ich habe die seite jetzt mit mozilla 1.2.1, opera 6.05 und IE 6 getestet...

-so blöde schwarze (positionierungs)-ecken an den ecken des logos (alle browser)

-rahmen ist in der textfarbe (moz. und opera, bei opera nicht einmal inset)

[nman]

Gib mal einen URL, ich hatte keines dieser Probleme (mal von den non-inset-Borders bei Opera abgesehen).

[mi+chl]

www.michael-prochaska.com

aber nicht lachen ...ist die erste seite der ich halbwegs ein design verpasse (ist übrigens auch noch nicht fertig, fehlen noch viele fotos)....

css ist alles in der index drinnen.....

mfg

[nman]

Nicht so schlimm für die erste Seite
Aaaaber: Warum denn so umständlich mit einem extra-Logo-Format?
Mach doch einfach sowas:

<h1><img src="bild.png"></h1>

und sag im Stylesheet, dass h1 zentriert sein soll, das entspricht wohl auch mehr dem was Du machen möchtest...

Und wenn Du einige Bilder auf eine andere Art und Weise formatiert haben möchtest als alle anderen dann mach einfach eine img-Subklasse:

img {
    border:none;
}

img.logo {
    padding:1em;
}

Und dann kannst Du das folgendermaßen einsetzen:

<img class="logo" src="bild.png">

[mi+chl]

ahh...dankeschön....jetzt weiß ich endlich den (praktischen) unterschied zwischen id und class....

mfg