Beiträge von sejuma

  • Problem mit positionierung

    Zitat von Ronald


    Nimm mal den Verweis zur W3O aus dem Documententyp raus, der macht oft Probleme bei Tabellen.

    Da predigt man jedem, den Verweis reinzunehmen, um über eine Validierung einen sauberen Code zu erhalten, und dann kommt von einem "Forum-Guru" so eine Empfehlung. :cry:

    Sorry, nicht dieser Verweis ist an Problemen schuld, sondern der fehlerhafte und nicht normgerechte Quelltext, möglicherweise auch ein IE-Bug, den man aber meist ebenso beheben kann. Aber wer sich mit mit Quirks-Murks zufrieden gibt - jedem das Seine!
    Allerdings: ein Verweis reicht vollkommen aus.

    In einem bin ich mit Ronald jedoch einer Meinung:
    Irgendeiner dieser 73 Fehler wird's schon sein. Ist mir aber auch zu viel Arbeit, danach zu suchen. Und ich dachte, wurmax wollte mal CSS lernen :wink:

  • div wird von shoutbox überschrieben

    Da war etwas zuviel div-Suppe drin. Hab mal jetzt einiges umgebaut (bitte mach dir vor Änderung eine Sicherungskopie):

    CSS:
    .sbox wie folgt überschreiben:

    HTML (nach Ende Java-Script):

    Falls der Rahmen nicht die Shoutbox umfassen soll, dann lass ihn bei sboxcomplete weg und definiere für den Text einen zusätzlichen Container mit Rahmen, den du dann in sboxcomlete reinsetzt.

    Viel Erfolg!

  • Hilfe bei Homepage?!

    @ driver:
    da fang ich mal gleich an, dich zu "hauen" :brutal1: :lol:

    Sunnyqueen:
    Bleib bei deiner CSS-Lösung und lerne, wie das funktioniert. Ist halb so schlimm wie manche immer denken.
    Aus deinem Code ist leider nicht erkennbar, wie du in der format.css die einzelnen Container definiert hast. Vermutlich werden sie deshalb nicht so dargestellt wie du es gerne hättest.
    Zur weiteren Vorgehensweise:
    Auf den folgenden Links findest du die CSS- und HTML-Codes verschiedener, gängiger Homepagevorlagen. Übernimm da mal einfach einen für's Gerippe und versuch dann, deinen Inhalt in die entsprechenden div's zu schreiben. Den Rest bekommen wir dann schon hin.

    http://www.stichpunkt.de/css/bereiche.html
    http://www.css4you.de/wslayout1/index.html (Beispiele siehe die Links unten auf der Seite
    http://css.fractatulum.net/sample/layout1format.htm

  • Probleme mit Style css

    Deine generelle Schrift ist schwarz mit 14px, so ist's im body hinterlegt.
    In der CSS-Datei musst du vor text1 noch einen Punkt setzen:
    CSS:

    Code
    test1 { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   color: #FF0000; 
}


    Text an beliebiger Stelle, der dann rot sein soll:
    HTML:

    Code
    <p class="test1">roter Text</p>

  • Bewertung von Portal

    Der Text ist zu klein und deshalb schwer lesbar.
    >>> vergrößern und zusätzlich relative Schriftgröße "em" verwenden, damit man die Anzeige im Browser zusätzlich noch selbst steuern kann.

    Auf manchen Seiten, z.B. Startseite hat man den Eindruck, dass die Infos mit denen "auf dem Startbild" enden. Es folgen jedoch noch darunter Stellenanzeigen usw. Damit rechnet der Besucher nicht unbedingt und ihm gehen die Infos somit verloren.
    >>> zu diesen Texten müsste man besser hingeführt werden.

    Navi:
    Teilweise verwendest du Blockhovern, hab nur nicht herausgefunden nach welchem System.
    >>> ich würde das für jeden Link so einstellen.

    Die Googleanzeigen würd' ich in den noch freien rechten Bereich der HP einbinden. Somit stören sie nicht den Content und sind auch effektiver.

  • No0oB.com's Topic!! :)

    Also mal der Reihe nach, wenngleich sich jetzt sicher nicht alle Probleme lösen lassen.

    Seite zentrieren:
    http://css.fractatulum.net/sample/layout4format.htm
    http://www.css4you.de/wslayout1/ex0003.html

    100% Höhe:
    Warum eigentlich, die Container wachsen doch automatisch mit dem Text mit. Und wenn man mehr Inhalt als Höhe hat, ist es doch eigentlich egal, ob man innerhalb des Containers oder die ganze Seite scrollt. Overflow hidden schneidet den Inhalt ab, so dass er verloren geht.
    http://css.fractatulum.net/sample/layout7format.htm

    Rechte Spalte so lang wie der Hauptcontainer:
    Entweder ebenfalls 100 % oder für beide feste Pixelwerte (würd ich eher nicht machen).
    Besser: Die Container sollen sich in der Höhe ihrem Inhalt anpassen.
    Mit faux columns kann man erreichen, dass sich die Höhen zweier Container angleichen. Aber das musst du dir für den Anfang jetzt nicht auch noch zumuten.

    edit:
    Und noch eine Bitte: Schmeiß deine Tabellen raus, das kann man mit einer Klassendefinition viel eleganter lösen.

  • Problem beim Ausrichten mit CSS

    Zitat von Elvis


    Wobei ich mir überlegen würde, ob es nicht besser wäre die Werbung in die Gesamtbox zu integrieren.

    Hast ja eigentlich Recht, aber wir sollten's besser so lassen, sonst müssen wir vielleicht noch das Thema "faux-columns" behandeln. :mrgreen:

  • Problem beim Ausrichten mit CSS

    So, hab jetzt nochmal gearbeitet. Im FF und IE sieht's bei mir gleich aus.
    Der Abstand an dem Logo ist vermutlich durch padding verursacht.

    CSS

    HTML (innerhalb body)

  • Homepage: Browser-Optimierung

    Gib mal das noch in den Headbereich:

    Code
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

    btw:
    Auf IE "optimieren" ist am meisten falsch und gefährlich, weil gerade der immer die meisten Bugs hat. Die Seite sollte möglichst in allen Browsern gleich aussehen.

  • Div-Container Problem

    Nimm den roten div in die Mitte und verpasse ihm statt einem margin-left ein float:left;

  • Problem beim Ausrichten mit CSS

    Hab jetzt verschiedene Änderungen in der CSS (Seite, Info, Fußzeile) sowie Änderungen in der Reihenfolge der HTML vorgenommen und hoffe es kommt so in etwa hin:
    CSS

    HTML

    Noch ein Tipp: Du verwendest bei den Breitenangaben unterschiedliche Einheiten (px und em). Das vertragen manche Browser nicht.
    Am besten alles in Pixel für feste Breiten oder in % bzw em für relative Breiten.