Beschäftige mich seit 3 Monaten mit der Designanpassung und konnte soweit fast alle Probleme dank dieses Forum und der Suche lösen.
Nur an einer Kleinigkeit beiße ich mir die Zähne aus. Ich hoffe jemand kennt dieses Problem oder kann mir die entsprechende CSS Style Anweisung vielleicht geben.
Also die Spezifiktion
WP 2.0.7 in Deutsch ( Problem trat aber auch unter 2.0.1 u.s.w auf )
Theme 3c-Black-LetterHead 1.1
Sidebar Widget von King-Links
WWW http://ipptravel.com
CSS Problem vermutlich tritt NUR unter IE ( alle Versionen ) auf und äußert sich darin das die rechte Sidebar statt oben, immer unten angezeigt wird.
Bei Firefox erscheint alles da wo es hinsollte, da aber viele IE nutzen, wollte ich es auch dort korrekt anzeigen lassen.
Ich hoffe sehr jemand hat eine Lösung dafür.
ich poste hier nochmal die CSS.
Code
.widecolumn .entry p {
font-size: 1.05em;
}
/* Beiträge Zeilenabstände */
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.3em;
}
.widecolumn {
line-height: 1.6em;
}
/* Beiträg Dieser Beitrag wurde am 22. August 2006 in der Kategorie Muelleimer*/
.narrowcolumn .postmetadata {
text-align: center;
}
.alt {
margin: 0;
padding: 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
/* Kommentare alle Texte */
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em Verdana, Arial, Sans-Serif;
}
.commentlist li {
font-weight: bold;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: Verdana, Arial, Sans-Serif;
}
.commentmetadata {
font-weight: normal;
}
/* Strukturen */
/* Page und Kategorien MITTE*/
.narrowcolumn {
float: left;
padding: 10px 20px 10px 15px;
margin: 0px 10px 0 10px;
width: 510px;
}
/* ??????? margin außen 1=Abstand oben 2=nach rechts 3=nach unten 4=nach links*/
.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 100px;
width: 510px;
}
/* Page und Seiten margin zuvor (40)*/
.pagepost {
margin: 0 0 15px;
border-top: 1px solid grey;
}
/* Kategorien und Beiträge */
.post {
margin: 0 0 15px;
text-align: justify;
border-top: 2px solid grey;
}
.widecolumn .post {
margin: 0;
}
/* Beiträge Abtand */
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
background-color: #A0A0A0;
border-style: ridge;
}
#commentform textarea {
width: 100%;
padding: 2px;
background-color: #A0A0A0;
border-style: ridge;
}
#commentform #submit {
margin: 0;
float: right;
}
/* End Form Elements */
/* Begin Comments*/
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
/* Texte generelle Einstellungen */
body {
background-color: #100122;
font-size: 72.5%; /* Resets 1em to 10px */
font-family: Verdana, Arial, Sans-Serif;
color: #d1d1d0;
text-align: center;
margin: 0;
padding: 0;
}
/* Gesamte Seite #fc0404*/
#page {
background-color: #1c0a31;
text-align: left;
margin: 20px auto;
padding: 0;
width: 920px;
border: 1px solid #fc0404;
}
/* Oben Kopf */
#header {
background-image:url("images/header_1.jpg");
padding: 0;
margin: 0 auto;
height: 100px;
width: 100%;
}
#headerU {
padding: 0;
margin: 0 auto;
height: 30px;
width: 100%;
}
/* Oben Kopf Menue zwischenstreben*/
#headerU .nav {
margin: 20px 0px 0px 120px;
font-size: 1.2em;
color: #ffff00; /* gelb */
}
/* Oben Kopf Menuepunkte */
#headerU .nav a {
color: #0000ff;
}
#footer {
padding: 0 0 0 1px;
margin: 0 auto;
width: 919px;
clear: both;
}
#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* Der Mitte Bereich */
#content {
background-color: #1c0a31;
font-size: 1.1em;
}
/* Newsticker Startseite */
.headline1 {
border-width: 1px 1px 1px 1px;
border-style: dashed;
padding: 20px;
/*background-color: #535352;*/
font-size: 0.9em;
}
/* Sidebar rechts Verdana rechts besser */
#sidebar {
font: 0.8em Verdana,Arial,Sans-Serif;
background-color: #270e45;
margin: 0px 0 0 759px;
padding: 20px 0 10px 5px;
border-width: 1px 0px 1px 1px;
border-style:dashed;
width: 155px;
list-style-type: none;
}
/* Ueberschriften */
#sidebar h2 {
font-family: Verdana,Arial,Sans-Serif;
font-size: 1.2em;
margin: 5px 0 0;
padding: 0;
}
/* Listen */
#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 5px;
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* Suchform */
#sidebar #searchsubmit {
padding: 1px;
background-color: #909090;
}
#sidebar #searchform #s {
width: 115px;
padding: 2px;
background-color: #909090;
border-style: ridge;
}
#sidebar form {
margin: 0;
}
/* Sidebar links */
#sidebar2 {
/* Schriftgröße=alle Menue und Texte */
font: 1.0em Arial,Verdana,Sans-Serif;
/* Farbe nur bei ausgewählten Punkten */
color: #03d0fc;
line-height: 1.6em;
border-width: 1px 1px 1px 0px;
border-style:dashed;
border-color:#fa9402;
padding: 0px 0 10px 20px;
margin-left: 0px;
width: 170px;
float: left;
background-color: #270e45;
list-style-type: none;
list-style-position:outside;
}
/* Uberschrift */
#sidebar2 h2 {
border-width: 0px 0px 1px 0px;
border-style:dashed;
font-family: Verdana, Arial, Sans-Serif;
font-size: 1.3em;
margin: 10px 0 0 0;
padding: 10px;
}
/* LISTEN */
/* Ebene 2 */
#sidebar2 li, #sidebar2 ul ol {
margin: 0 0 0 0px;
padding: 0px;
list-style-type: none;
}
/* Ebene 2 */
#sidebar2 ul, #sidebar2 ul ol {
margin: 0 0 0 10px;
padding: 3px;
}
/* Ebene 3 */
#sidebar2 ul ul, #sidebar2 ul ol {
margin: 0 0 0 10px;
padding: 3px;
}
/* Ebene 4*/
#sidebar2 ul ul ul, #sidebar2 ul ol {
margin: 0 0 0 10px;
padding: 5px;
}
ol li, #sidebar2 ul ol li {
list-style: decimal outside;
}
#sidebar2 ul p, #sidebar2 ul select {
margin: 5px 0 8px;
}
#sidebar2 form {
margin: 0;
}
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
font-size: 9pt;
}
#wp-calendar a {
display: block;
text-decoration: none;
}
#wp-calendar caption {
text-align: center;
width: 100%;
font: bold 1.3em Verdana, Arial, Sans-Serif;
text-align: center;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
font-style: normal;
text-transform: capitalize;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */
/* Besonderheiten TEXTE */
small {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 0.8em;
line-height: 1.5em;
}
h1, h2, h3 {
font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
font-weight: bold;
}
/* Überschrift Name!! ALLE SEITEN */
h1 {
padding: 20px;
margin: 0;
font-size: 1.9em;
text-align: center;
}
/* Hauptüberschrift IPP Travel Beschreibung */
.description_1 {
font-size: 1.1em;
text-align: center;
letter-spacing: .6em;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
hr {
display: none;
}
.center {
text-align: center;
}
a img {
border: none;
}
/* (bottom von 60 auf 30) */
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}
.theme {
font: 80% 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: left;
}
.description_1 {
margin: 0 0 0;
text-align: center;
}
html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}
html>body .entry li {
margin: 7px 0 8px 10px;
}