layout

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

nman

Nachtrag: Ich würde die CSS-Teile auch wirklich in eine echte .css-Datei ausgliedern, das macht die Seite besser wartbar.

Und mach daraus:

<body>
<div id="logo">
<img align="center" alt="Logo" src="logo-lang.png">
</div>
<div id="menu">
<a href="index.php?content=home">:: Home</a><br>
<a href="index.php?content=lebenslauf">:: Lebenslauf</a><br>

<a href="index.php?content=photos">:: Photos</a><br>
<a href="index.php?content=politik">:: Politik</a><br>
<a href="index.php?content=newsmanager">:: News-Manager</a><br>
</div>
<div id="content"> 
  <h1>HOME</h1>
<p>
Diese Homepage wurde im Rahmen eines Mediensoftwareprojektes erstellt und wird ab jetzt laufend erweitert.
Der Inhalt ist bis jetzt nicht besonders sinnvoll. Eigentlich ist er nur da um die Seiten zu füllen.
</p>
<br>
<h1>NEWS</h1>
<div>

14.01.2003 -> News - Manager geschrieben
<br>14.01.2003 -> Seite geht Online<br></div></div>
</body>
</html>

lieber soetwas:

<body>
<h1><img align="center" width="ANGEBEN!!!" height="ANGEBEN!!!" alt="Logo" src="logo-lang.png"></h1>
<div id="menu">
<a href="index.php?content=home">:: Home</a><br>
<a href="index.php?content=lebenslauf">:: Lebenslauf</a><br>

<a href="index.php?content=photos">:: Photos</a><br>
<a href="index.php?content=politik">:: Politik</a><br>
<a href="index.php?content=newsmanager">:: News-Manager</a><br>
</div>
<div id="content"> 
  <h2>HOME</h2>
<p>
Diese Homepage wurde im Rahmen eines Mediensoftwareprojektes erstellt und wird ab jetzt laufend erweitert.
Der Inhalt ist bis jetzt nicht besonders sinnvoll. Eigentlich ist er nur da um die Seiten zu füllen.
</p>

<h2>NEWS</h2>
<p>14.01.2003 -> News - Manager geschrieben</p>
<p>14.01.2003 -> Seite geht Online</p></div>
</body>
</html>

edit: Wenn Du einen zusätzlichen Abstand brauchst dann mach das nicht per <br> sondern lege einfach für per CSS einen bestimmten Padding-Wert (in diesem Fall padding-top oder padding-bottom) fest.

[ Dieser Beitrag wurde am 16.01.2003 um 09:25 Uhr von nman editiert. ]

nman

Original erstellt von mi+chl:
jetzt weiß ich endlich den (praktischen) unterschied zwischen id und class...

Der wichtigste ist in meinen Augen der, dass ids nur einmal pro Seite eingesetzt werden dürfen (zB zur Positionierung eines bestimmten divs) und classes beliebig oft verwendet werden können (zB für alle Links einer bestimmten Art etc).