Felix Riesterer: Text auf Header positionieren

Beitrag lesen

SELF-Forum

Text auf Header positionieren

Felix Riesterer Homepage des Autors
– Informationen zu den Bewertungsregeln

Lieber Manfred,

aber jetzt passt es im ie leider nicht mehr :\

das liegt daran, dass Du mit inline-styles arbeitest. Würdest Du ausschließlich ein externes Stylesheet verwenden, dann könntest Du für den jeweiligen IE ein gesondertes Stylesheet einbinden, das dessen Schwächen behebt. Mit vernünftigem HTML ist das dann auch wesentlich leichter, als mit Deinem bisherigen Code!

Ich habe mir mal die Mühe gemacht, deine DIV-Suppe etwas zu entwirren und semantischer zu gestalten. Der nachfolgende Code hat diese Hauptstruktur:

[body]
  +-- [div id="alles"]
        +-- [div id="header"]
        +-- [div id="seiteninhalt"]
        +-- [div id="navi"]
        +-- [ul id="footer"]

Hier der Code dazu:

<body>  
    <div id="all">  
        <div id="header"><span></span></div>  
        <div id="seiteninhalt">  
            <h1>Onlinespiele</h1>  
            <h2>Willkommen zum Onlinespiele Bereich!</h2>  
            <p>von <a href="/startseite.html">Spielenverdienen</a>.</p>  
            <p>Allen die gerade etwas mehr Zeit haben...</p>  
  
            <div id="kategorien">  
                <h2>Kategorien</h2>  
                <ul>  
                    <li><a href="/actionspiele.html">Actionspiele</a></li>  
                    <li><a href="/kartenspiele.html">Kartenspiele</a></li>  
                    <li><a href="/spieleklassiker.html">Klassiker</a></li>  
                </ul>  
            </div>  
  
            <div id="neue_spiele">  
                <h2>Neue Spiele</h2>  
                <ul>  
                    <li><a href="/klassiker/splatman.html">Splatman</a></li>  
                    <li><a href="/kartenspiele/freecell.html">Freecell</a></li>  
                    <li><a href="/actionspiele/tank-2007.html">Tank 2007</a></li>  
                </ul>  
            </div>  
        </div>  
  
        <div id="navi">  
            <h2>Navigation</h2>  
            <ul>  
                <li><a href="/startseite.html" id="active_menu-nav">Onlinespiele</a></li>  
                <li><a href="/onlinespiele-anbieter.html">Anbieter</a></li>  
                <li><a href="/startseite.html">Geld Gewinnen</a></li>  
                <li><a href="/onlinegames-ubersicht.html">Übersicht</a></li>  
                <li><a href="/component/option,com_mkpostman/Itemid,52/">Newsletter</a></li>  
            </ul>  
        </div>  
  
        <ul id="footer">  
                <li><a href="/impressum.html">Impressum</a></li>  
                <li><a href="/sitemap.html">Sitemap</a></li>  
        </ul>  
    </div>  
</body>

Jetzt kann man mit CSS alles schön layouten. Für den IE gibt es dann <http://de.selfhtml.org/css/layouts/browserweichen.htm#alternative@title=ein spezielles Stylesheet>, damit auch er schön alles so macht, wie er es soll.

Liebe Grüße aus Ellwangen,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
Beitrag melden
–
Informationen zu den Bewertungsregeln