Felix Riesterer: Wie genau slicen und in DIV anordnen?

Beitrag lesen

Lieber bjoern,

Ich habe ein Layout in Photoshop gemacht. Dieses muss ich nun Slicen um daraus Container zu bauen die sich dann dynmaisch anpassen ganz einfach. Das kann ich doch nich als ganzes Bild lassen.

stimmt. Ich habe das mal für Dich skizziert. Schau doch mal rein...

Der Ehrlichkeit halber habe ich nochmals an der Struktur der Seite gebastelt. Sie sieht jetzt so aus:

<body>  
    <div id="content">  
        <h1>Meine Seite</h1>  
        <p>Hier geht's voll ab, Mann!</p>  
        <p id="footer"><span></span></p>  
    </div>  
    <div id="navi">  
        <h2>Navigation</h2>  
        <ul>  
            <li><a href="#impressum.html">Impressum</a></li>  
            <li><a href="#links.html">weitere Links</a></li>  
        </ul>  
    </div>  
    <p id="logo"><span></span></p>  
</body>

Ich halte es nach wie vor für sinnvoll, vor die Navi eine Unterüberschrift zu setzen, da ohne CSS die Seite damit besser strukturiert wird.

Des weiteren habe ich zwei inhaltlich vollkommen sinnfreie Elemente im Code: "footer" (ein Textabsatz) und "logo" (auch ein Textabsatz). Beide Elemente sind nur dazu da, um die runden Ecken auf jeden Fall darstellen zu können, ohne auf CSS-Pseudoklassen wie :after, :last-child oder :first-child auszuweichen, die noch nicht von allen Browsern genügend unterstützt werden.

IE7, FF3, Safari und Opera machen klaglos mit. IE6 und darunter habe ich nicht getestet.

Liebe Grüße,

Felix Riesterer.

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