Problem mit Internet Explorer

-eVa-

Huhu,

ich hab schon die Suchfunktion bedient, aber nichts gefunden, was mir bei meinem Problem weitergeholfen hätte :-(

Ich hab heut ein neues Design auf meinen Blog gemacht, im Firefox wird alles korrekt angezeigt, aber der IE macht Probleme, hier mal 2 Screenshots:

Firefox
Internet Explorer

Im Internet Explorer rutscht die Sidebar nach unten, außerdem werden die Grafiken in der Sidebar anstatt mit 150x50 Pixel (so sind sie auch im Original) mit 158x58 Pixel angezeigt. Ich hab keine Ahnung, woran das liegt.

Außerdem würd ich gern die Überschriften in den Widgets ändern, vielleicht hat da ja jemand einen Tipp.

Danke schon jetzt für Eure Antworten,

-eVa-

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

MCInferno

Habe das gleiche Problem.
Ich habe bisher nur das Standart Design verändert. Habe eigentlich nur etwas vergrößert. Unter FireFox und Opera sieht es richtig aus unter dem IE6 und IE7 ist das Menü nach unten verschoben. Hier der Quellcode:

Code

/* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #d5d6d7 url('images/kubrickbgcolor.jpg');
    color: #333;
    text-align: center;
    }


#page {
    background-color: white;
    border: 1px solid #959596;
    text-align: left;
    }


#header {
    background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
    }


#headerimg     {
    margin: 7px 9px 0;
    height: 192px;
    width: 975px;
    }


#content {
    font-size: 1.2em
    }


.widecolumn .entry p {
    font-size: 1.05em;
    }


.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }


.widecolumn {
    line-height: 1.6em;
    }


.narrowcolumn .postmetadata {
    text-align: center;
    }


.alt {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }


#footer {
    background: #eee url('images/kubrickfooter.jpg') no-repeat top;
    border: none;
    }


small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }


h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    }


h1 {
    font-size: 4em;
    text-align: center;
    }


#headerimg .description {
    font-size: 1.2em;
    text-align: center;
    }


h2 {
    font-size: 1.6em;
    }


h2.pagetitle {
    font-size: 1.6em;
    }


#sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    }


h3 {
    font-size: 1.3em;
    }


h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
    }


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    }


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }


.entry p a:visited {
    color: #b85b5a;
    }


.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', 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: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


.commentmetadata {
    font-weight: normal;
    }


#sidebar {
    font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }


code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }


acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }


a, h2 a:hover, h3 a:hover {
    color: #06c;
    text-decoration: none;
    }


a:hover {
    color: #147;
    text-decoration: underline;
    }


#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
    }


#wp-calendar a {
    text-decoration: none;
    }


#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
    }


#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
/* End Typography & Colors */






/* Begin Structure */
body {
    margin: 0 0 20px 0;
    padding: 0;
    }


#page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 975px;
    border: 1px solid #959596;
    }


#header {
    background-color: #73a0c5;
    margin: 0 0 0 1px;
    padding: 0;
    height: 200px;
    width: 975px;
    }


#headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    }


.narrowcolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0 0 0;
    width: 740px;
    }


.widecolumn {
    padding: 0 0 20px 0;
    margin: 5px 0 0 45px;
    width: 740px;
    }


.post {
    margin: 0 0 0px;
    text-align: justify;
    }


.post hr {
    display: block;
    }


.widecolumn .post {
    margin: 0;
    }


.narrowcolumn .postmetadata {
    padding-top: 5px;
    }


.widecolumn .postmetadata {
    margin: 30px 0;
    }


.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}


.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}


.postmetadata {
    clear: left;
}


#footer {
    padding: 0;
    margin: 0 auto;
    width: 950px;
    clear: both;
    }


#footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    }
/* End Structure */






/*    Begin Headers */
h1 {
    padding-top: 70px;
    margin: 0;
    }


h2 {
    margin: 30px 0 0;
    }


h2.pagetitle {
    margin-top: 30px;
    text-align: center;
}


#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }


h3 {
    padding: 0;
    margin: 30px 0 0;
    }


h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */






/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }


/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */


img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }


img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }


img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }


.alignright {
    float: right;
    }


.alignleft {
    float: left
    }
/* End Images */






/* Begin Lists


    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */


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;
    }


.entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
    }


.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }


.entry ol li {
    margin: 0;
    padding: 0;
    }


.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }


#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }


#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }


#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;
    }
/* End Entry Lists */






/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }


#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
    }


#sidebar #searchsubmit {
    padding: 1px;
    }


.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;
    }


#commentform textarea {
    width: 100%;
    padding: 2px;
    }


#commentform #submit {
    margin: 0;
    float: right;
    }
/* End Form Elements */






/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }


.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 */






/* Begin Sidebar */
#sidebar
{
    padding: 0px 20px 10px 35px;
    margin-left: 760px;
    width: 150px;
    }


#sidebar form {
    margin: 0;
    }
/* End Sidebar */






/* 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;
    }


#wp-calendar a {
    display: block;
    }


#wp-calendar caption {
    text-align: center;
    width: 100%;
    }


#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }


#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
/* End Calendar */






/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }


acronym, abbr {
    border-bottom: 1px dashed #999;
    }


blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }


blockquote cite {
    margin: 5px 0 0;
    display: block;
    }


.center {
    text-align: center;
    }


hr {
    display: none;
    }


a img {
    border: none;
    }


.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
/* End Various Tags & Classes*/

Alles anzeigen

Ich hoffe es kann jemand helfen.

Hier noch die Seite: Patrick Melzer’s Home

Monika

Scrapper trifft Scrapper ;)

das freut mich.

HTML / XHTML / XML / WML Validator

da findest Du mal eine Menge an Fehlern,

die mit der meta id sind Fehler =ok, aber nicht die Welt für das Design.

eine ID darf es immer nur einmal geben pro URL

die roten a tags sind schon eher schlimm,

die fehlenden alt tags sind für das Design auch nicht relevant.

dass da die p tags -ganz unten in der Fehlerliste-falsch sind kann auch an den rot gekennzeichneten a tags liegen, die da falsch sind oder fehlen.

erst wenn das gerichtet ist, kann ich nachsehen was es hat.

der IE ist sehr schnell mit dem runterrutschen lassen der sidebar;)

MCInferno

HTML / XHTML / XML / WML Validator

Du hast den Content einfach ein bisschen zu breit.

lg

MCInferno

Zitat von Monika

MCInferno

HTML / XHTML / XML / WML Validator

Du hast den Content einfach ein bisschen zu breit.

lg

Alles anzeigen

Da ich neu bin und es mein erster Versuch mit WP überhaupt ist, könntest du mir bitte sagen, wo (anhand des Quelltext) ich es ändern müsste? So ganz schnall ich es noch nicht. Bin froh, dass ich überhaupt ein wenig durchgeblickt habe :lol:

MCInferno

Kann mir keiner helfen? :confused:

-eVa-

danke monika, das schau ich mir gleich mal an :) hoffentlich geht's dann...

-eVa-

also das mit dem <a> tags hab ich jetzt alles weggemacht, den fehler mit dem meta versteh ich ehrlich gesagt nicht *peinlich* und den alt-text bei den bildern brauch ich nicht wirklich.

trotzdem zeigt's der IE falsch an, hat vielleicht noch jemand einen tipp für mich?

hier mal noch meine style.css

Zitat

/*
Theme Name: Che Guevara Grafitti
Theme URI: tequilo.de » Wordpress Themes
Description: A dark 2-column-theme with the famous grafitti of "Che Guevara" in the header. <br /> <br /> To further customize the theme, click on the "Theme Options" tab and make edits..
Version: 1.3.0
Author: Tequilo
Author URI: tequilo.de
*/
body {
margin: 0 auto;
background-color: #333;
}

table{ border: 0; }
img {
padding: 4px;
border: 1px solid #ccc;
margin-bottom: -2px;
vertical-align: sub;
}

/* ----- LINKS ----- */
a:link { color: #ccc; text-decoration: none; }
a:visited { color: #ccc; text-decoration: none; }
a:hover { color: #95324f; text-decoration: none; }
a:active { color: #ccc; text-decoration: none; }

.post a:link , .post a:visited , .post a:active{
text-decoration:none;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
border-bottom-color: #FFFFFF;
}
.post a:hover{
text-decoration:none;
color: #95324f;
border-bottom-width: 1px;
border-bottom-color: #000000;
}

.meta a:link , .meta a:visited , .meta a:active{
color: #ccc;
border: none;
}
.meta a:hover{
color: #95324f;
border: none;
}

a.h3:link , a.h3:visited , a.h3:active{
color: #ccc;
text-decoration: none;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;

}
a.h3:hover {
color: #95324f;
text-decoration: none;
}

/* ----- HEADER ----- */
#header {
display: block;
margin:19px auto 2px auto;
width: 724px;
height: 200px;
background-image:url(./img/top_che.jpg);
}
#header a:link, #header a:visited { color: #fff; }
#header a:hover { color: #95324f; }
#header p {
font: 9px/10px 'Lucida Grande', Verdana, arial, sans-serif;
color: #ccc;
margin: 0 0 0 25px;
width: 310px;
}
/* ----- MAIN AREAS ----- */
#content {
margin:0 auto;
padding: 10px 0 0 0;
width: 724px;
background-color: #000000;
font: 10px/18px 'Lucida Grande', Verdana, arial, sans-serif;
margin-bottom:24px;
color: #B8B6B6;

}

#content img.wp-smiley {
padding: 0px;
border: 0px;
margin: 0px 4px 0px 0px;
vertical-align: baseline
}

#left {
/* border: 1px solid #ff0000; */
float: left;
margin-top: 5px;
padding-top: 10px;
float: left;
width: 540px;
border-right: 1px solid #878686;
}
#sidebar {
width: 170px;
margin: 0 0 0 545px;
}

#sidebar img { border: 0; }

#wp-calendar {
margin-left: 0px;
}
#wp-calendar a{
background-color: #444;
font-weight: bold;
}

Alles anzeigen

-eVa-

und der rest der style.css

Zitat

/* ----- FORMS ----- */
form {
margin-top: 20px;
}
input, textarea {
font: 11px 'Lucida Grande', Verdana, arial, sans-serif;
}
#commentform {
width: 350px;
text-align: left;
}
#commentform p {
margin-bottom: 4px;
}
#commentform input, #commentform textarea {
width: 300px;
}
#commentform input.field {
text-align: left;
}
#commentform #submit {
height: 24px;
font: bold 11px 'Lucida Grande', Verdana, arial, sans-serif;
color: #666;
}
.post input { /* for password protected posts */
font: 11px Verdana, arial, sans-serif;
}
label {
letter-spacing: 0;
color: #666;
}
label small {
color: #999;
}
.field { /*common to all text fields */
border: 1px solid #ccc;
background-color: #fafafa;
color: #666;
}
.field:hover, .field:focus {
border: 1px solid #9c0;
background-color: #fff;
}
/* search area */

#searchform {
margin: 15px 0 0 5px; padding: 0 0 0 0; text-align: left;
}

#commentform input, textarea{
border: 1px solid #444;
background-color: #000;
color: #B8B6B6;
}
#commentform input:hover, textarea:hover{
border: 1px solid #666;
background-color: #444;
}
.searchbox{
font: 10px/12px 'Lucida Grande', Verdana, arial, sans-serif;
border: 1px solid #444;
background-color: #000;
color: #B8B6B6;
margin-right: 2px;
padding-bottom: 0px;
padding-top: 0px;
width: 100px;
height: 16px;
}
.searchbox:hover{
border: 1px solid #666;
background-color: #444;
}
.searchbutton{
font: 10px/12px 'Lucida Grande', Verdana, arial, sans-serif;
color: #333333;
width: 35px;
}

#s {
font: 10px/12px 'Lucida Grande', Verdana, arial, sans-serif;
border: 1px solid #444;
background-color: #000;
color: #B8B6B6;
margin-right: 2px;
padding-bottom: 0px;
padding-top: 0px;
width: 100px;
height: 16px;
}
#s:hover{
border: 1px solid #666;
background-color: #444;
}

/* ----- TITLES ----- */
h1 {
font: 32px/28px Georgia, Verdana, arial, sans-serif;
color: #9c0;
margin: 0 0 0 24px;
padding-top: 130px;
letter-spacing: -1px;
}
h3 {
font: bold 16px Georgia, "Times New Roman", serif;
letter-spacing: -1px;
margin: 0 0 12px 0;
color: #95324f;
}

h2 {
display: block;
font: 11px/12px Georgia, "Times New Roman", serif;
color: #999;
letter-spacing: 3px;
margin: 8px 8px 4px 15px;
}
h2.xtra {
font: bold italic 24px/18px Georgia, "Times New Roman", serif;
text-align: center;
margin:12px 24px 14px 24px;
letter-spacing: -1px;
color: #999;
}
h2.xtra span {
color: #999;
font: italic 15px Georgia, "Times New Roman", serif;
letter-spacing: -1px;
padding: 0 20px 0 20px;
}

/* ----- LISTS ----- */
/* posts */

/* comments */
div.commentform{
margin-top: 20px;
}
div.comments {
margin-left: 14px;
}
ol.commentlist {
margin:0 0 0 0px;
padding:0;
}
ol.commentlist li {
border: 1px dotted #808080;
list-style: none;
margin: 0px 25px 25px 0;
padding: 2px 2px 2px 10px;
}
ol.commentlist li p {
color: #cccccc;
line-height: 16px;
margin-top: 6px;
margin-left: 0px;
margin-bottom: 4px;
}
ol.commentlist li p.metadate {
margin: 0 0 14px 16px;
font-size: 9px;
color: #666;
padding-bottom: 4px;
}
.comment_author {
font: 13px Georgia, "Times New Roman", serif;
font-weight: bold;
line-height: 14px;
margin-left: 16px;
}
/* posts, main */
div#pinned{
background:#9c0;
margin: 0 0 20px 0;
padding: 0;
}
div.post{
margin: 0px 20px 35px 20px;
padding: 0;
}

.post hr {
height: 5px;
visibility:hidden;
}
.post p {
margin: 0 0 14px 0;
padding: 0 0 0 0;
}
.post p.thedate {
font: normal 9px/9px Georgia, "Times New Roman", serif;
color: #999;
letter-spacing: 2px;
margin-bottom: 4px;
}
/* blockquotes */
* html blockquote{height: 1%;} /* ie hack */
* html li{height: 1%;} /* ie hack */
blockquote {
border: 1px dotted #878686;
background: url('img/quote.gif') no-repeat;
font: 10px/16px Georgia, "Times New Roman", serif;
display: block;
padding: 0 10px 6px 12px;
color: #888;
margin: 0 16px 15px 16px;
}
.post blockquote p {
margin:0;
}

/* meta */
div.cat {
border-top: 1px dotted #878686;
border-bottom: 1px dotted #878686;
margin: 15px 15px 0px 0px;
padding: 0px 0px 0px 4px;
}
div.widget ul li{
margin: 0px 10px 0px 10px;
}
#calendar_wrap{
margin: 0px 10px 0px 10px;
}

div.meta {
border-top: 1px dotted #878686;
border-bottom: 1px dotted #878686;
margin: 15px 0 0 0;
padding: 4px 4px 4px 4px;
}

div.meta p {
font-size: 9px;
line-height: 16px;
color: #999;
margin: 0;
}
div.meta span {
color: #666;
}
/* navigation */
.navigation{
text-align: center;
padding-bottom: 30px;
font: 10px 'Lucida Grande', Verdana, arial, sans-serif;
font-weight: bold;
}
/* SIDEBAR stuff */
.box {
background-color: #fff;
margin:0 0 10px 0;
}
.box p, .box img, #firstbox p {
margin: 0 10px 8px 14px;
}
#menu{
width: 160px;
margin-left: 9px;
margin-right: 0px;
}
#menu{
/*border: 1px solid #ff0000;*/
}
#menu ul {
margin:0 0 0 0;
padding: 0 0 0 0;
}
#menu ul li {
list-style: none;
}
#menu ul li a {
display: block;
width: 100%;
}
#menu ul li ul{
margin-top: 5px;
margin-left: 10px;
}

.textwidget{
margin-left: 5px;
margin-right: 5px;
}
#sidebar a:hover{ color: #95324f; text-decoration: none; }
#p.a:hover{ color: #ff0000; text-decoration: none; }
/* remove .norm rules if number of posts in category is not used */
/* should remove class='norm' from sidebar.php first */
#sidebar ul.norm li a {
display: inline;
}
#sidebar ul.norm li {
color: #999;
}
/* remove until here */
#sidebar ul li a:hover {
/* background-color: #e6e6e6; */
}
#sidebar ul.norm li a:hover {
background-color: transparent;
}
#sidebar ul li a.feed {
background-image: url(./img/feed-icon-10x10.gif);
background-repeat: no-repeat;
background-position: 4px 4px;
padding-left: 18px;
width: auto;
}
#souvenirs {
margin-top: 35px;
text-align: center;
}
#souvenirs img {
margin-bottom: 30px;
}
.footer { clear: both; text-align: center;
background-image:url(./img/footer.jpg);
background-repeat: no-repeat;
line-height: 1.8em;
height:20px;
width: 724px;
/* border-top: 1px solid #878686; */
}
.footertxt{
color: #808080;
margin-left: 120px;
margin-top: 0px;
text-align:left;
}
a.footerlink:link { color: #808080; text-decoration: none; }
a.footerlink:visited { color: #808080; text-decoration: none; }
a.footerlink:hover { color: #95324f; text-decoration: none; }
a.footerlink:active { color: #808080; text-decoration: none; }

p.error {
margin-top: 16px;
font-weight: bold;
color: #900;
}
a#totop {
display: block;
}
div.post p.nocomments {
margin: 0;
color: #666;
text-align: center;
}

#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(./images/blank.gif) no-repeat;
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(./images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix {
height: 1%;
}

Alles anzeigen

MCInferno

Schade, dass mir keiner helfen kann. Da ich noch keine Ahnung habe, würde ich gerne weiter machen, aber es lohnt sich nicht, wenn ich noch nicht einmal ein anständiges Menü für den IE hinbekomme, der ja weit verbreitet ist.

Ich habe das Problem selbst gelöst

Monika

Zitat von MCInferno

Schade, dass mir keiner helfen kann. Da ich noch keine Ahnung habe, würde ich gerne weiter machen, aber es lohnt sich nicht, wenn ich noch nicht einmal ein anständiges Menü für den IE hinbekomme, der ja weit verbreitet ist.
Ich habe das Problem selbst gelöst

soifz

wie Du erkannt hast - so hoff ich-habe ich nächtens gepostet-

daher kann - so abwegig es auch ist- es einfach sein, dass ich nächtens arbeit, untertags auch mal schlafe oder auswärts bin oder einfach mal was esse oder trinke

:|

in der style.css findest Du wo

Code

.narrowcolumn {


	float: left;


	padding: 0 0 20px 20px;


	margin: 0 0 0;


	width: 740px;


	}






.widecolumn {


	padding: 0 0 20px 0;


	margin: 5px 0 0 45px;


	width: 740px;


	}

Alles anzeigen

verringere hier mal die 45px bei margin
außerdem hast Du narrowcolumn genauso breit wie widecolumn
ist das Absicht?

lg

Monika

eVa

/

Code

* ----- MAIN AREAS ----- */
 
#content {
    margin:0 auto;
    padding: 10px 0 0 0;
    width: 724px;
    background-color: #000000;
    font: 10px/18px 'Lucida Grande', Verdana, arial, sans-serif;
    margin-bottom:24px;
    color: #B8B6B6;
 
}
 
 
 
 


 
 
#left {
    /* border: 1px solid #ff0000; */
    float: left;
    margin-top: 5px;
    padding-top: 10px;
    float: left;
    width: 540px;
    border-right: 1px solid #878686;
}
 
#sidebar {
     width: 170px;
    margin: 0 0 0 545px;
}

Alles anzeigen

mache mal hier den content ein bisschen weniger breit.

die Überschriften für die Widgets

die sind doch glaube ich in der functions.php oder direkt dort wo man die widgets in die sidebar gibt?

wieso die Bilder breiter dargestellt werden...
(lange kluge Sätze schreib......)
keine Ahnung ehrlichst.

lg

MCInferno

Ja, ich war ja heute auch arbeiten. aber da warst du auch online ;-) Hatte gehofft, dass du da schon postest, aber mit dem padding habe ich es genauso gelöst wie du. Das schlimme ist, ich kann html und auch css, allerdings habe ich es immer nur gebraucht um Texte zu formatieren.
Zur Frage: Ich weiß es nicht. Ich habe einfach geschaut, welches was steuert und das andere dann einfach so gelassen (hatte erst das falsche gewählt :()
Wie gesagt, ich bin blutiger Anfänger und habe in den letzten Tage soviele Sachen durch probieren herausgefunden.
Was mich noch interessieren würde, wie ich die Links nicht Alphabetisch ordne, sondern in der Reihenfolge, welche ich möchte. Da muss ich noch mal suchen :cool:
Danke aber für deine Antwort. Hatte mich nur "etwas" geärgert, da ich den ganzen Tag auf der Arbeit stress mit VBA hatte und mir hier leider keiner einen Tipp gegeben hat und ich mich zuhause dann wieder mit einem Quelltext rumschlagen musste. Es gibt hier ja sicher mehr User als dich ;-)

Monika

Zitat von MCInferno

... dann wieder mit einem Quelltext rumschlagen musste. Es gibt hier ja sicher mehr User als dich ;-)

oh ja Ärger während und so kenne ich auch-

mein PC läuft immer und vergaß bloß offline zu gehen. ;)

das Problem ist nur die hängende Sidebar ist hier glaube ich der Dauerbrenner.

es gibt einige, die es nicht wissen, andere , die es nicht mehr wissen wollen und dritte, die nicht antworten, wenn da mal wo Monika bei "Design" stand.

dafür kann ich nichts ;)

aber ... ich tipp auch selten: Duhuuu ich denke noch nach..

nix für ungut, es funktioniert und das ist die Hauptsach

lg

-eVa-

juhuuu es hat geklappt, der tipp mit dem content war genial - danke dir monika! wir haben den content um 1 px - ja wirklich 1 px, breiter gemacht und nun geht's *freu*

tausend dank!!!

Monika

:oops: ich dachte zwar weniger breit,

aber es ist einfach gut, wenns geklappt hat

;)

Zitat von -eVa-

juhuuu es hat geklappt, der tipp mit dem content war genial - danke dir monika! wir haben den content um 1 px - ja wirklich 1 px, breiter gemacht und nun geht's *freu*
tausend dank!!!

maxentius1

Ja, das mit dem Content war wirklich ein guter Tipp. Bin an dieser Sache auch schon schier verzweifelt, welch ein Glück, dass ich nicht der Einzige bin, der dieses Problem hatte. Verwende das dialogue-theme und habe nun die Breite von 520px auf 515px angepasst. Nun passts....zumindest bei mir zuhause. :-D

moopoints

Hi,

ich habe das gleiche Problem. Im IE 7 und FF ist alles in Ordnung, aber im IE 6 ist mir die Sidebar nach unten gerutscht, sowie auch die Posts in der Mitte.

Ich habs schon durch validome gejagt, aber die fehler kann ich nicht wirklich zuordnen.

Hat jemand ne Ahnung was ich machen muss?

Danke

Hier meine Style.css von NITCHMOO

PHP

body {
    background: #e9e9e9;
    color: #000;
    font-size: 14px;
    font-family: Calibri, Arial;
    margin: 0px 0px 0px 0px;
    }
    
a, a:visited{
    color:     #007900;
    text-decoration: none;
    border: none; 
    }
    
a:hover{
    color: #000;
    border: none;
    text-decoration: underline;
    }
    
img {
    border: none;
    }


#container { 
    width: 900px; 
    background: #fff url(images/bg.jpg);
    text-align: left; 
    margin: 20px auto; 
    border: 10px solid #fff;
    }
    
#header { 
    background: #070707 url(images/header2.jpg);
    height: 45px;
    padding: 15px 0px 0px 0px;
    }
    
#header h2 {
    color: #fff;
    font-family: goudy old style, "Times", verdana, serif;
    font-size: 0pt;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 55px;
    margin-bottom: 0px;
    margin-left: 13px;
    letter-spacing: 2px;
    }


#header h2 a {
    color: #070707;
    text-decoration: none;
    }


#header h2 a:hover {
    color: #fff;
    text-decoration: underline;
    }


#header h3 {
    color: #F0F0F0;
    font-size: 0pt;
    font-family: Calibri;
    font-weight: normal;
    font-style: italic;
    margin: 0px;
    margin-left: 15px;
    }
   


#middlepic {
    position: absolute;
    height: 128px;
    width: 540px;
    margin: 0px;
    background-image: ;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}


#lpic {
    height: 128px;
    width: 900px;
    background-image: url(images/newvolt.jpg);
    border-bottom: 1px solid #fff;
}


#rpic {
    height: 128px;
    width: 179px;
    background-image: url;
    border-bottom: 1px solid #fff;
}
    
#menu {
    font-family: verdana, "Microsoft Sans Serif", Times, serif;
    font-size: 8pt;
    background-color: #313131;
    margin-top: 1px;
    width:900px; 
    height:23px;
    border-bottom: 1px solid #fff;
}




#menu ul {
    margin: 0px;
    padding: 5px;
    list-style: none;
    text-align: center;
}


#menu li {
    display: inline;
}


#menu a {
    padding: 5px 15px;
    text-decoration: none;
    color: #FFFFFF;
}


#menu a:hover {
    background-color: #fff;
    color:#313131;
}




#content { 
    width: 500px; 
    margin-top: 128px;
    margin-bottom: 20px;
    margin-left: 179px;
    margin-right: 0px;
    position:relative;
    padding: 0px 18px 15px 18px;
    text-align: justify;
    }
    
#content b{
    color: #777;
    line-height: 14pt;
    }




#content p{
    margin: 0px;
    line-height: 18px;
    padding: 0px 0px 10px 0px;
    margin-top: 5px;
    }
    
#content p img{
    border: none;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    }
#content h1 {
    color: #313131;
    font-size: 22px;
    font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;
    font-weight: normal;
    padding: 10px 10px 10px 10px;
    line-height: 150%;
    margin: 0px;
    }
    
#content h1 a  {
    color: #313131;
    text-decoration: underline;
    }


#content h1 a:hover {
    color: #000000;
    text-decoration: none;
    }


#content h2 {
    font-family: helvetica, arial, sans-serif;
    font-size: 20px; 
    color: #313131; 
    margin: 0px;
    line-height: 120%;
    padding-top: 10px;
    padding-bottom: 4px;
    border-bottom: 1px dotted #313131;
    }
#content h2 a  {
    color: #313131;
    text-decoration: none;
    }


#content h2 a:hover {
    color: #000000;
    text-decoration: none;
    }




#content h3 {
    font-size: 12px; 
    color: #313131; 
    margin: 0px;
    line-height: 120%;
    font-variant: small-caps;
    padding-top: 10px;
    padding-bottom: 4px;
    margin-bottom: 7px;
    border-bottom: 1px dotted #313131;
    }
    
#content h3 a  {
    color: #313131;
    text-decoration: none;
    }


#content h3 a:hover {
    color: #000000;
    text-decoration: none;
    }


#content ol {
    list-style-type: decimal;
    line-height: 18px;
    margin: 0px;
    padding: 0px 0px 10px 30px;
    }
#content ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    }
    
#content li {
    margin: 0px;
    padding: 0px;
    }
    
#content ul li {
    list-style: square inside;
    margin: 0px 0px 0px 10px;
    padding: 5px 0px 0px 0px;
    }
    
#content ul li a {
    color: #797979;
    text-decoration: none;
    }


#content ul li a:hover {
    color: #000000;
    text-decoration: underline;
    }
    
#arch {
    color: #000;
    }
    
#arch ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    }
    
#arch li {
    margin: 0px;
    padding: 0px;
    }
    
#arch ul li {
    list-style: square inside;
    margin: 0px 0px 0px 10px;
    padding: 5px 0px 0px 0px;
    }
    
#arch ul li a {
    color: #797979;
    text-decoration: none;
    }


#arch ul li a:hover {
    color: #000;
    text-decoration: underline;
    }
    
blockquote{
    background-color: #f3f3f3;
    margin: 0px;
    margin-left: 15px;
    margin-bottom: 12px;
    padding: 7px;
    width: 420px;
    font-style: italic;
    color: #666666;
    border: 1px solid #cccccc;
    }
    


.postspace {
    background: #fff;
    width: 440px;
    height: 32px;
    margin: 0px;
    padding: 0px;
    }
.postspace2 {
    background: #fff;
    width: 440px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    }
.postspace3 {
    background: #fff;
    width: 440px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    }


#left { 
    color: #000000;
    width: 179px;
    float: left; 
    margin-top: 0px;
    margin-bottom: 20px;
     
    }
#left p{
    margin: 0px;
    line-height: 16px;
    padding: 10px;
    }
    
#left h2 {
    color: #fff;
    background: #313131;
    font-family: verdana, "Microsoft Sans Serif", Times, serif;
    font-size: 8pt;
    list-style: none;
    padding: 6px;
    margin: 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    }


#left ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    }
    
#left li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
    
#left ul li {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    }
    
#left ul li a {
    display: block;
    color: #000000;
    text-decoration: none;
    padding-left: 12px;
    padding-right: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 12pt;
    }


#left ul li a:hover {
    color: #000000;
    background: #fff;
    }




#right { 
    color: #000000;
    width: 179px;
    float: right; 
    margin-top: 0px;
    margin-bottom: 20px;
    }
    
#right p{
    margin: 0px;
    line-height: 16px;
    padding: 10px;
    }
    
#right h2 {
    color: #fff;
    background: #313131;
    font-family: verdana, "Microsoft Sans Serif", Times, serif;
    font-size: 8pt;
    list-style: none;
    padding: 6px;
    margin: 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    }




#right ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    }
    
#right li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
    
#right ul li {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    }
    
#right ul li a {
    display: block;
    color: #000000;
    text-decoration: none;
    padding-left: 12px;
    padding-right: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 12pt;
    }


#right ul li a:hover {
    color: #000000;
    background: #fff;
    }
    
#right h2.widgettitle {
    color: #fff;
    background: #313131;
    font-family: verdana, "Microsoft Sans Serif", Times, serif;
    font-size: 8pt;
    list-style: none;
    padding: 6px;
    margin: 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    }


#footer {
    background: #313131;
    width: 900px;
    overflow: hidden;
    font-size: 8pt;
    margin: 0px auto 0px;
    padding:  9px 0px 7px 0px;
    text-align: center;
    line-height: 17px;
    clear: both;
    }
    
#footer p {
    color: #fff;
    padding: 0px;
    margin: 0px;    
    }
    
#footer a, #footer a:visited {
    color: #EAEAEA;
    text-decoration: none;
    border: none;
    border-bottom: 1px dotted #eaeaea;
    }
    
#footer a:hover {
    text-decoration: none;
    border: none;
    }


#wp-calendar {
    margin-left: 22px;
    margin-bottom: 10px;
    }


#searchform {
    margin-left: 9px;
    margin-bottom: 0px;
    }
    
#searchform input {
    font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
    font-size: 9pt;
    text-align: right;
    color: #67717E;
    border: 1px solid #ddd;
    width: 150px;
    margin-bottom: 0px;
    }
    
/* comments */
    
.entry {
    margin-bottom: 12px;
    border-bottom: 1px solid #E3E3E3;
    }    


#s,#submit {    
    background-color:#ffffff;
    border:1px solid #cccccc;
    color:#505050;
    font-size:0.9em;
    margin:0 0 16px;
    padding:4px;
    width:130px;
    }
    
#author {
    border:1px solid #cccccc;
    font-family:Verdana,Tahoma,Arial,Sans-Serif;
    font-size:1em;
    margin:0;
    padding:4px;
}


    
#email {
    border:1px solid #cccccc;
    font-family:Verdana,Tahoma,Arial,Sans-Serif;
    font-size:1em;
    margin:0;
    padding:4px;
}


#url {
    border:1px solid #cccccc;
    font-family:Verdana,Tahoma,Arial,Sans-Serif;
    font-size:1em;
    margin:0;
    padding:4px;
}


#comment  {
    width: 350px;
    border:1px solid #cccccc;
    font-family:Verdana,Tahoma,Arial,Sans-Serif;
    font-size:1em;
    margin:0;
    padding:4px;
}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Problem mit Internet Explorer

Jetzt mitmachen!