Hi,
Ich arbeite momentan daran ein Design für meinen Blog zu entwickeln, doch ich scheitere hier schon beim erstellen der Grundstruktur
Ich habe 4 divs. Eins für den header, dann kommen untendra auf der linken seite der Sitemap Div, rechts davon der Content Div und darunter sollte dann der Footer erscheinen.
Also in etwa so:
Header
Sitemap - Content
Footer
Momentan ists aber so:
Header
Content - Sitemap - Footer
Ich bin mir allerdings nicht sicher woran s liegt ;-)
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>ninoblog</title>
<meta name="generator" content="WordPress 2.3.1" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="author" content="Nino Mueller" />
<meta name=?description? content=?ninoblog? />
<meta name=?robots? content=?follow? />
<link rel="stylesheet" href="http://10.0.1.5/wordpress/wp-content/themes/ninoblog/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="ninoblog RSS Feed" href="http://10.0.1.5/wordpress/?feed=rss2" />
<link rel="pingback" href="http://10.0.1.5/wordpress/xmlrpc.php" />
</head>
<body>
<!--<div id="page">-->
<div id="header">
<h1><a href="http://10.0.1.5/wordpress">ninoblog</a></h1>
<h2>Netzwelt, Software Entwicklung, Fun und meine Meinung zu dieser Welt…</h2>
</div><div id="content">
<div class="post">
<h1><a href="http://10.0.1.5/wordpress/?p=1" rel="bookmark" title="Link zu Hallo Welt!">Hallo Welt!</a></h1>
<p>Willkommen zur deutschen Version von WordPress. Dies ist der erste Artikel. Du kannst ihn bearbeiten oder löschen. Um Spam zu vermeiden, geh doch gleich mal in den Pluginbereich und aktivier die entsprechenden Plugins. So, und nun genug geschwafelt - jetzt nichts wie ran ans Bloggen!</p>
</div>
<div class="infos">Geschrieben am 23.11.2007 von admin in <a href="http://10.0.1.5/wordpress/?cat=1" title="Alle Beiträge in Allgemein ansehen" rel="category">Allgemein</a>. <a href="http://10.0.1.5/wordpress/?p=1#comments" title="Kommentiere Hallo Welt!">1 Kommentar</a>. </div>
</div>
<div id="sitemap">
<h4>Seiten</h4>
<li class="page_item page-item-2"><a href="http://10.0.1.5/wordpress/?page_id=2" title="Eine Seite">Eine Seite</a></li>
</div>
</div>
<div id="footer">WordPress 2.3.1 <a href="http://blog.nino-net.org/" >ninoBlog</a></div><!--</div>-->
</body>
</html>Hierbei ist vorallem auf #sitemap und #content ein blick zu werfen, denke ich mal!
HTML
/*
Theme Name: nino-blog
Theme URI: http://blog.nino-net.org
Description: nino-plog is a two column theme for WordPress 2.x.
Version: 1.0
Author: Nino Müller
Author URI: http://blog.nino-net.org
*/
body {
font-family:Verdana, Geneva, Arial, Helvetica,sans-serif;
font-size:small;
color:#555555;
background-color:white;
margin-left:auto;
margin-right:auto;
}
a, a:visited{
color: #FF5500;
}
a:hover{
color: #333333;
text-decoration: underlined;
}
h1, h1 a, h1 a:hover, h1 a:visited{
margin-top:10px;
font-size:xx-large;
color:#FF5500;
font-weight:normal;
left: 100px;
text-align: left;
text-decoration: none;
position:relative;
}
h2{
font-size:large;
color:#555555;
font-weight:normal;
margin-top:-1em;
left: 190px;
margin-bottom:.2em;
position:relative;
}
h4, h4 a, h4 a:hover, h4 a:visited{
font-weight: bold;
text-decoration: none;
}
#header {
border-bottom: 1px solid #CCCCCC;
}
#content {
margin-top:15px;
width:600px;
text-align:left;
margin:0;
padding:0px 0px 0px 0px;
float:left;
}
#sitemap {
margin-top:1em;
border-right:1px solid #CCCCCC;
margin-right:18px;
text-align:left;
float:left;
padding:0;
text-indent: 0;
font-size:small;
visibility: visible;
position: relative;
z-index: 1;
top: 1em;
left: 10px;
width: 180px;
min-height: 370px
}