Content Vs. sidebar

Necronomicon

Bin ziemlicher Neuling in wordpress und hab folgende Probleme:

Es geht um die folgende Seite: Spielzeug

1. Ich wollte bei der Seite allgemein den Contentberreich vergrößer, dass hab ich dann auch unterm stylesheet gemacht, indem ich bei content width: 600px
und float: right eingesetzt habe. Nur leider hab ich irgendwas vergessen da sich nun die sidebar unter den content verschoben hat.
Wie kann ich es schaffen, dass die sidebar links vom content erscheint und nicht unten drunter???

2. Der IE zeigt meine Sidebar ganz anders als Firefox an! Da zwischen den einzelnen Rubriken ein immenser Abstand ist, den ich beheben und an das Firefoxformat anpassen will. Ich glaube, dass ich einen Beitrag gelesen habe indem stand, dass der IE nicht den Html code <br> lesen kann oder so?
Also wie kann ich es erreichen dass der IE meine Sidebar normal wie mit Firefox anzeigt?

MFG MICHAEL

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

Victor Lazarro

also br kann er lesen, doch er interpretiert die padding angaben anders ...
und ohne die angaben deiner css des betreffenden bereichs kann man hier glaub ich schlecht helfen ...

Necronomicon

Hier der ganze Abschnitt vom stylesheet

PHP

/*
Theme Name: ProSense




/*-----------Block Level Elements--------------*/


*{
    margin:0;
    padding:0;
}


body {
    font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #ffffff;
    margin: 0px;
    padding: 0px;
}


body a, body a:visited {
    color: #CC3300;
    text-decoration: none;
}


body a:hover {
    text-decoration: none;
}


body p {
    padding: 5px 0px;
    margin: 5px 0px;
}


#page {
    width: 950px;
    margin: 0px auto;
    background: #fffafa url('') top center repeat-y;
    padding: 0 10px 0 10px;
}


#header {
    width: 100%;
    background: #000;


    height: 100%;
    background: #fffafa url('images/kinder head 2.jpg') top center repeat-y;
}




#header h1 {
    font-size: 3.0em;
    padding: 0;
    margin: 0;
    color: #CC3300;
    font-family: "Cooper Black", "Cooper Black Unicode", "Cooper Black", Verdana, Arial, sans-serif;


}


#header h1 a {
    color: #CC3300;
}


.description {
    font-family: "Arial Rounded MT Bold", "Arial Rounded MT Bold Unicode", "Arial Rounded MT Bold", Verdana, Arial, sans-serif;
}


#header #header_right {
    float:right;
    width: 590px;
    text-align: right;
    font-size: 1.2em;
    color: #ffffff;
    padding: 20px 20px 20px 20px;
}


#header #header_left {
    float:left;
    width: 480px;
    text-align: left;
    font-size: 1.2em;
    color: #CC3300;
    padding: 10px 60px 20px 20px;
}


#subscribe {
    text-align: right;
}


#wrapper {
    width: 100%;
}


#content {
    float: right;
    width: 600px;
    line-height: 1.6em;
    padding-left: 20px;
    padding-top: 20px;
}


#sidebar {
    float: right;
    width: 410px;
    margin-left: 0px;
    padding-top: 100px;
}


#footer {
    color: #fff;
    width: 100%;
    clear: both;
    background: #FFF url('images/header_footer_img.jpg') top center repeat-y;
}


#footer a, #footer a:hover, #footer a:visited {
    color: #fff;
    text-decoration: none;
}


#footer_left {
    padding: 10px 0 10px 20px;
    text-align: left;
    float: left;
    width: 480px;
    line-height: 1.6em;
}


#footer_right {
    padding: 10px 20px 10px 0;
    text-align: right;
    float: right;
    width: 390px;
    margin-left: 0px;
}








/*-------------Headings-------------*/


h1, h2, h3, h4 {
    font-family: Helvetica, Arial, Sans-Serif;
}


h1 {
    font-size: 3.0em;
    line-height: 1.0em;
}


h2 {
    font-size: 2.0em;
}


h3 {
    font-size: 1.5em;
}


h4 {
    font-size: 1.0em;
}




/*-------------The Post-------------*/






.post h2, .post h2 a:hover, .post h2 a:visited, .post h2 a {
    font-size: 1.4em;
    text-decoration: none;
    color: #CC3300;
    margin-bottom: 10px;
    line-height: 1.0em;
}


.post {
    font-size: 1.2em;
    margin-bottom: 30px;
    text-align: justify;
}


.post p {
    padding: 5px 0px;
    margin: 5px 0px;
}


.post ul, .post ol {
    margin: 10px 0 10px 0;
    padding-left: 40px;
}


.post li {
    padding: 2px 0 2px 0;
}


.entry {
    margin-bottom: 10px;
    text-align: justify;
}


.entrytext .postmetadata {
    margin-top: 20px;
    text-align: justify;
}


.postmetadata {
    border-top: 1px dashed #ccc;
    padding-top: 2px;
    margin-bottom: 40px;
    text-align: right;
}


.postmetadata alt {
    border-top: 1px dashed #ccc;
    padding-top: 2px;
    margin-bottom: 40px;
    text-align: left;
}


.navigation {
    display:block;
    margin-bottom: 20px;
}


#nav {
    list-style-type : none;
    text-align : center;
       font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 3.15em;
    height : 40px;
}


#nav a {
   margin: 0px;
   width : 94px;
   height : 20px;
   font-weight : bold;
   font-style : normal;
   display : block;
   padding: 0 0 10px 0;
}


#nav a:hover {
    background: #000;
}


#nav li {
    float: right;
    list-style-type: none;
    margin: 0px;
    border-right: solid 1px #fff;
}


.alignleft {
    float:left;
    text-align:left;
}


.alignright {
    float:right;
    text-align:right;
}


.pagetitle {
    font-size: 1.6em;
    margin-bottom: 20px;
}


blockquote {
    margin: 10px 0 10px 0;
    padding: 5px 10px 5px 10px;
    background: #FBF5DF;
    border-top: solid 1px #EDE0B3;
    border-bottom: solid 1px #EDE0B3;
}




code{
    font:1.2em 'Courier New',Courier,Fixed;
    display:block;
    overflow:auto;
    text-align:left;
    margin: 10px 0 10px 0;
    padding: 5px 10px 5px 10px;
    background: #FBF5DF;
    border-top: solid 1px #EDE0B3;
    border-bottom: solid 1px #EDE0B3;
}


a img {
    border: 0;
}




/*--------------Sidebar------------*/


#sidebar ul {
    margin-bottom:20px;
}


#sidebar .sidebar_left ul h2 {
    padding-bottom: 10px;
    border-bottom: dashed 1px #EDE0B3;
    font-size: 1.5em;
}


#sidebar .sidebar_right ul h2 {
    padding-bottom: 10px;
    border-bottom: dashed 1px #D3C69B;
    font-size: 1.5em;
}


#sidebar ul li {
    list-style:none;
    line-height:1.6em;
    font-size: 1.1em;
}


#sidebar ul ul {


}


#sidebar .sidebar_left ul ul li {
    border-bottom: dashed 1px #ffffff;
}


#sidebar .sidebar_right ul ul li {
    border-bottom: dashed 1px #ffffff;
}


#sidebar a:hover {
    text-decoration: underline;
}


#sidebar .sidebar_left {
    width: 185px;
    float: left;
    padding: 0 10px 0 10px;
}


#sidebar .sidebar_right {
    width: 185px;
    float: right;
    padding: 0 10px 0 10px;
}


#sidebar .sidebar_left ul ul li ul{
      padding-left:20px;
      margin-bottom:0;
}


#sidebar .sidebar_left ul ul li ul li{
      list-style:none;
      line-height:1.6em;
      font-size: 1.1em;
      border-bottom:0;
}


#sidebar .sidebar_right ul ul li ul{
      padding-left:20px;
      margin-bottom:0;
}


#sidebar .sidebar_right ul ul li ul li{
      list-style:none;
      line-height:1.6em;
      font-size: 1.1em;
      border-bottom:0;
}


/*--------------Comments--------------*/


#comments {
    font-size: 1.6em;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ccc;
    padding-bottom:20px;
}


#respond {
    font-size: 1.6em;
    margin-bottom: 5px;
}


ol.commentlist {
    list-style-type : none;
    font-size: 1.2em;
}


ol.commentlist li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}


ol.commentlist li.alt {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}


#comment_title {
    margin-bottom: 5px;
}


#commentform {
    margin-bottom: 20px;
}


#commentform p {
    margin-bottom: 10px;
}


#commentform textarea {
    width:99%;
    padding:2px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    }




/*--------------Search Form-------------*/


#search {
    margin-bottom: 20px;
    text-align: right;
}


#searchform {
    margin-bottom: 20px;
}


#searchform input {
    width: 180px;
    background: #fff;
}


/*-------------Calendar-----------------*/


#wp-calendar {
    width: 180px;
    text-align: left;
    margin-top: 5px;
}


#wp-calendar th {
    margin-top: 5px;
}


#wp-calendar caption {
    font-size: 1.2em;
    margin-top: 5px;
}


/*-------------Other------------------*/


hr {
    display: none;
}


#adsense_singlepost_top_square {
    float: left;
    margin-right: 10px;
}


#adsense_singlepost_bottom_square {
    margin-bottom: 30px;
}


#adsense_singlepost_top_banner {
    margin-bottom: 5px;
}


#adsense_singlepost_bottom_banner {
    margin-bottom: 30px;
}


#adsense_homepage_linkunit {
    margin-bottom: 30px;
}


#adsense_homepage_banner {
    margin-bottom: 30px;

Alles anzeigen

jottlieb

Ohne dein CSS angesehen zu haben, aber wenn du den Contentbereich größer machst, dann musst du auch entweder den Sidebarteil kleiner machen (wird schlecht gehen) oder eben die gesamte Blogbreite vergrößern - inkl. Header.

Photoweblog

Mitunter ist man überrascht wie ähnlich sich die IE und FF Darstellung letztlich sein kann. Meist sind es nämlich falsche Implementierungen die der eine Browser "gerade noch zuläßt" und der andere eben nicht. Also, erst 'mal die Seite mit:

The W3C Markup Validation Service

checken, die Fehler beheben und dann ... sind die groben Schnitzer meist schon behoben ;-)

Für das Ändern in der CSS-Datei hilft die FF-Erweiterung:
https://addons.mozilla.org/de/firefox/addon/1843

______________________________________
www.Fotomobil.at » a photoproject by faktor

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Content Vs. sidebar

Jetzt mitmachen!