Beiträge von sejuma

    Für diesen speziellen Einzelfall geht's auch so:

    Code
    <img src="firefox_huge.png" border="0" title="Firefox" height="50px" width="50px" style="margin-top: 25px; margin-left: 25px;">

    Oder:

    Zitat

    <div style="line-height: 100px; text-align: center; background-color:#B4B4B4; height:100px; width:100px; color:#FFFFFF; font-family:Calibri; float:right; margin:10px; padding:5px; border:2px dotted #FCFCFC;">

    @Draxor:
    Für die Seitendarstellung ist eine Aufteilung in Div-Bereiche besser. Hier kannst du einfacher Formatierungen für einen kompletten Bereich vornehmen.
    Je nach Seitenaufbau wird der Quelltext dadurch auch übersichtlicher und weniger fehleranfällig.
    Es erfordert zugegeben ein gewisses Umdenken. Aber wenn du das System einmal verstanden hast wirst du erkennen, dass es besser als Tabellen ist.

    @Macrodesign:
    "Es führen viele Wege nach Rom".
    Wenn beide Boxen gefloatet sind wie bei dir, dürfte der margin-Wert nicht erforderlich sein (hab's aber noch nicht im FF getestet).
    Bei mir ist die zweite Box nicht gefloatet und deshalb ist der Abstand erforderlich. Sonst "unterfließt" die rechte Box die linke, wenn rechts der Inhalt länger wird. Beim IE ist das nicht der Fall, jedoch bei FF, der die Float-angabe korrekt interpretiert, siehe http://www.ohne-css.gehts-gar.net/0051.php

    Wenn es wirklich eine tabellarische Darstellung sein soll, dann bleib wie gesagt bei der Tabelle.
    Ansonsten zum Anordnen bestimmter Bereiche geht das natürlich auch ohne Tabellen, z.B. so:

    CSS

    HTML

    Code
    <div class="links">123</div>
    <div class="rechts">456</div>
    <br class="clear">
    <div class="links">789</div>
    <div class="rechts">106</div>

    Was das "nebeneinander anordnen" betrifft, befasse dich mit "Floaten und Clearen"

    Dein #wrapper und #content_wrapper sind jeweils 900px breit.
    Darin befinden sich #content_left mit 200px und #content_right mit 700px Breite, macht zusammen ebenfalls 900px.

    Nun musst du bedenken, dass sich nach dem CSS-Boxmodell die eigentliche Breite noch um padding-, border- und margin-Werte verbreitert.
    Tatsächlich ist dein #content_left keine 200px breit, sondern insgesamt
    200px + 0.5em padding-left + 0.5em padding-right.
    Das macht insgesamt 200px + 1em =~ 216px.

    Gleiches gilt für #content_right, der dann ~ 716px ist.

    216 + 716 = 932px und das passt dann folglich nicht mehr in deinen #wrapper bzw. #content_wrapper.

    Abhilfemöglichkeiten:
    Zunächst würde ich zum einheitlichen Rechnen den Paddingwert auf px setzen, also statt 0.5em nimm z.B. 8px.

    Nun kannst du entweder die gesamtbreite des #wrapper und #content_wrapper um jeweils 32px auf 932px erweitern oder die width-Werte von #content_left um 16px auf 184px sowie von #conten_right von 700px auf 684px verringern.
    Beide Möglichkeiten sollten dann klappen.

    Der #content_wrapper wird nur dann benötigt, wenn er eine Hintergrundgrafik haben soll. Ansonsten ist er überflüssig.

    Viel Erfolg!

    Das Problem liegt vermutlich daran, dass du auch noch diese Elemente absolut positioniert hast:

    Code
    <div id="links"></div>
    <div id="rechts"></div>
    <div id="header"></div>
    <div id="balken"></div>
    <div id="bild"></div>
    <div id="start">

    Damit erhält der #footer einen anderen Bezugspunkt.
    Lass mal bei den genannten Div's die absoluten Positionierungen weg. Du kannst sie ebenso mit float und margin-Angaben an die richtige Stelle setzen.

    Ich bin nicht der Table-Experte.
    Aber möglicherweise hilft dies: http://www.ohne-css.gehts-gar.net/0009.php

    Um unterschiedliche Abstände zu vermeiden könnte folgender Doctype helfen:

    Code
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">

    Dann definiere für den Body mal noch eine Schriftart.
    Die wird bei der Navi nämlich unterscheidlich dargestellt in verschiedenen Browsern.

    Wegen den tables reg' ich mich nicht auf. Jedem das Seine.
    Ist aber wirklich nicht zum Layouten gedacht.

    Sorry, da hatte ich wohl eine falsche Seite erwischt.
    Dennoch:
    Der IE braucht diesen Doctype um das CSS-Boxmodell richtig darzustellen:

    Code
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">

    Du hast zweimal einen Doctype drin.
    Lösche mal den zweiten. Der DT muss immer in der ersten Quelltextzeile stehen.

    Dann lass die Seite validieren, da sind immer noch Fehler drin.
    Insbesondere werden ID's, die nur einmal je Seite vorkommen dürfen mehrmals verwendet, was unzulässig ist (z.B. id="menuLevel1" usw.)

    Ohne PHP (somit nicht dynamisch) fällt mir dazu folgendes ein:

    Erstelle eine Grafik und binde diese ein.

    Belasse es bei der Exceltabelle. Generiere daraus eine PDF-Datei (z.B. mit FreePDF oder PDF-Creator) und verlinke zu dieser PDF-Datei.

    Verwende eine HTML-Tabelle und formatiere die Zellen entsprechend mit CSS-Klassen.

    Sorry, aber ich verstehe dein Problem nicht.
    Seit es CSS gibt, kann man das doch alles problemlos definieren:

    Code
    p {color: blue;}

    Gilt es für einen Bereich, in dem mehrere Absätze, Überschriften etc. vorkommen, definiert man eben für einen Div die Farbe.
    Ebenso denkbar sind CSS-Klassen, die sowohl für Inline- als auch Blockelemente hinterlegt werden können.