Hallo,
ich passe mein Weblog gerade an und es hat alles geklappt.
Das einzige Problem, dass ich jetzt noch habe ist, dass oben, rechts und links "Ränder" entstehen.
Also die Hintergrundbilder reichen nicht diekt an die aller linkeste Postition ran... bzw an die aller unterste und oberste... ^__^
Für den, der überhaupt keine Ahnung hat was ich meine (dies wäre durchaus verständlich ^_^) hier eine technische Zeichnung.
Ich habe im Gefühl, dass ich irgendetwas auf 0 setzen muss. Leider hab ich überhaupt keine Ahnung. :oops:
Weiß jemand zufällig was sich da machen lässt?
Viele Grüße
Philipp
style.css
Code
body {
background: #FFFFFF;
background-image: url('images/xbg.png');
font-family: Arial, Verdana, Tahoma, sans-serif;
text-align:left;
color:#000;
font-size: 8pt;
padding: 0;
}
.cite {
font-size: 7pt;
}
code {
font-family: Arial, Courier New, Verdana;
text-align:left;
color:#000;
font-size: 8pt;
}
#wrapper {
width: 600px;
background-position: left;
background-image: url('images/pg-bg.jpg');
background-repeat: repeat-y;
}
.left {
float: left;
margin: 0px 10px 0px 10px;
}
.right {
float: right;
margin: 0px 10px 0px 10px;
}
#masthead {
background-image: url(images/top.PNG);
background-position: left;
background-repeat: no-repeat;
width: 600px;
height: 185px;
margin: 0;
}
.centeredImage {
text-align:left;
margin-bottom:0px;
padding:0px;
}
#insideWrapper {
width: 500px;
text-align: justify;
margin: 0 auto;
}
#footer {
font-size: 7pt;
width: 600px;
height: 80px;
margin-top: 0px;
text-align: left;
background-image: url('images/bottom.JPG');
background-position: bottom;
background-repeat: no-repeat;
}
}
.sep {
position: relative;
background: url('images/sep.jpg');
width: 100px;
height: 14px;
margin: 0px;
padding: 0px;
left: 165px;
text-align: left;
}
.commentPos {
position: relative;
margin: 0px;
padding: 0px;
text-align: left;
}
.post {
width: 500px;
margin: auto;
text-align: left;
font-size: 11px;
line-height: 140%;
}
.commentBox {
width: 100%;
background-color: #FFF;
text-align: left;
border: 1px solid #999;
padding: 5px;
}
input, textarea, submit {
border: 0px solid #cccccc;
background-color: #E7F3FF;
color: #000;
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 12px;
margin-bottom: 3px;
}
h2 {
color: #000;
font-size: 14px;
text-align: left;
}
blockquote, blockquote p {
text-indent: 0px;
margin-bottom: 7px;
color: #999;
}
.nav {
color: #666;
}
a.nav {
color: #666;
}
a.nav:visited {
color: #666;
}
a.nav:hover {
color: #999;
}
.footerLink {
color: #666;
text-decoration: underline;
}
a.footerLink {
color: #666;
text-decoration: underline;
}
a.footerLink:visited {
color: #666;
text-decoration: underline;
}
a.footerLink:hover {
color: #999;
text-decoration: underline;
}
.title {
font-family: "Arial", "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
font-weight: bold;
color: #000;
font-size: 14px;
}
a.title {
color: #000;
}
a.title:visited {
color: #000;
}
a.title:hover {
color: #000;
text-decoration: bold;
}
a {
color: #000000;
text-decoration: bold;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
color: #0001;
text-decoration: none;
}
ul#sidebar {
width: 500px;
margin: 8px auto 0 auto;
background: #E7F3FF;
border-top: 3px dashed #E5E5E5;
border-bottom: 3px dashed #E5E5E5;
padding: 15px 0 25px 0;
}
ul#sidebar li {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}
ul#sidebar li ul, ul#sidebar li ul li {
margin: 0;
padding: 0;
list-style: disc;
text-align: left;
}
#wrapper>#sidebar { padding: 15px 0 25px 0; } /* FF Specific */
#sidebar_wrapper {
width: 467px;
margin: 15px 15px 15px 45px;
padding: 0 0 -20px 20px;
}
#sidebar>#sidebar_wrapper { margin-top: 0; } /* FF Specific */
#sidebar li h2 {
margin: 0;
font-family: Arial, Georgia, "Book Antiqua", "Souvenir Lt BT", serif;
color: #000;
font-weight: bold;
font-size: 1.3em;
width: 140px;
background-color: ##63B8FE
}
ul#sidebar li {
width: 150px;
float: left;
margin: 0 0 15px 0;
padding: 0;
}
ul#sidebar li ul {
width: 135px;
padding: 5px 0 15px 10px;
}
ul#sidebar li ul li { width: 130px; }
.ar { /*This way you can use a simple
class="ar"/"al"/"ac" to get an objet floated or centered.*/
float: right;
}
.al {
float: left
}
.ac {
text-align: center;
margin-left: auto;
margin-right: auto;
}