2 Fragen

sachsenpaule

Hab zwar ein wenig Ahnung von HTML aber CSS ist irgendwie schwer für mich zu verstehen und deshalb hätte ich ne Frage wie ich ein neues Logo(header.png) KORREKT einfüge damit es auch in voller grösse angezeigt wird.
Mein Bild ist 1255px X 299px gross. Die Stelle im CSS File habe ich auch gefunden(glaub ich*g*) nur habe ich nicht die geringste Ahnung was ich da ändern muss.

Code

}


#header {
    background: #000 url(images/header.png) repeat-x;
    font: italic normal Georgia, serif;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0;
    position: relative;
}


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

Alles anzeigen

Also irgendwo da rein muss es denk ich mal! Das einfache ersetzen des Bildes bringt nichts da es dann zur hälfte nicht angezeigt wird. Allerdings ist das original header.png vom Theme-Autor ebenfalls grösser als es angezeigt wird. Falls ich noch an anderer Stelle was ändern muss poste ich mal die komplette css.

Code

}


h1{
    font: 260%/1.15 Georgia, serif;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 40px 0 5px 160px;
}
#header h1 a:hover, #header h1 a:active{
    text-decoration: none;
    color: #D70606;
}
p.payoff{
    margin: 0 0 25px 160px;
    padding: 0;
    color: #fff;
    font: 120% Georgia, serif;
}
h2 {
    font: 185% Georgia, serif;
    letter-spacing: -0.2px;
    margin: 15px 0 2px 0;
    padding-bottom: 5px;
}


h3 {
    font: 130% Georgia, serif;
    margin-top: 0;
}


ol#comments li p {
    font-size: 100%;
}


p, li, .feedback {
    font: 90% Arial, Verdana, sans-serif;
    letter-spacing: 0;
}


/* classes used by the_meta() */
ul.post-meta {
    list-style: none;
}


ul.post-meta span.post-meta-key {
    font-weight: bold;
}


.feedback {
    color: #ccc;
    text-align: right;
    clear: both;
    border-top: 1px solid #eee;
}
.feedback a{
    color: #D70606;
}
.feedback a:hover, .feedback a:active{
    text-decoration: none;
}
.feedback p{
    padding: 0 25px;
    background: url(images/comment.gif) top right no-repeat;
}


.meta {
    font-size: .75em;
}
.meta li, ul.post-meta li {
    display: inline;
}
.meta ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}
.meta, .meta a {
    color: #999;
    font-weight: normal;
    letter-spacing: 0;
}
.meta a{
    color: #D70606;
    text-decoration: underline;
}
.meta a:hover, .meta a:active{
    text-decoration: none;
}
.post ul{
    margin: 0;
    padding: 0;
}
.post ul li{
    margin: 0;
    padding: 0.2em 20px;
    background: url(images/list.png) 0 4px no-repeat;
    list-style: none;
}
.post ol{
    margin: 0 25px;
    padding: 0;
}
.post ol li{
    margin: 0;
    padding: 0.2em 0;
}


.storytitle {
    margin: 0;
}
.storytitle a {
    text-decoration: none;
}
.storytitle a:link, .storytitle a:visited{
    color: #444;
    text-decoration: none;
}
.storytitle a:hover, .storytitle a:active{
    color: #D70606;
}


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
    background: #fff;
    border: 1px solid #333;
    padding: .2em;
}
}
img.avatar {
  margin: 0 5px 0 0;
  padding: 1px;
  border: 1px solid #eee;
}
div.commentbody {
    margin: 10px 60px 10px 30px;
    padding: 25px 0 0 10px;
    background: #eee url(images/comment-top.png) no-repeat;


}


#container{
    width: 100%;
    min-width: 770px;
    background: url(images/flowers.png) bottom right no-repeat;
}
#wrapper{
    float: left;
    width: 100%;
    margin-left: -330px;
}
#content {
    margin: 0 0 0 330px;
    padding: 30px 10px 10px 80px;
    background: transparent;
}


#header {
    background: #000 url(images/header.png) repeat-x;
    font: italic normal Georgia, serif;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0;
    position: relative;
}


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


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


#searchform{
    position: absolute;
    right: 80px;
    top: 95px;
}
#searchform label{
    position: absolute;
    left: -9000px;
}
#searchform input{
    width: 100px;
}


.textwidget{
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
    font-style: normal;
    font-weight: normal;
}


#menu {
    padding: 10px 80px 10px 50px;
    float: right;
    display: inline;
    width: 200px;
    margin: 0 0 240px 0;
    background: transparent url(images/sidebar.gif) no-repeat;
}


#menu form {
    margin: 0 0 0 13px;
}


#menu input#s {
    width: 80%;
    background: #eee;
    border: 1px solid #999;
    color: #000;
}


#menu ul {
    color: #444;
    font-weight: bold;
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
    height: 1%;
}


#menu ul li {
    font: italic bold 110% Georgia, Times, serif;
    letter-spacing: 0;
    margin: 20px 0 0 0;
    padding: 0 0 5px 0; 
    background: transparent;
}


#menu ul ul {
    font-variant: normal;
    font-weight: normal;
    line-height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    border: none;
}


#menu ul ul li {
    border: 0;
    font: normal normal 70%/1.7em Arial, Verdana, sans-serif;
    letter-spacing: 0;
    margin-top: 0;
    padding: 0;
    padding-left: 20px;
    background: url(images/list.png) 0 3px no-repeat;
}
#menu ul ul ul{
    border: none;
}
#menu ul ul ul li{
    font-size: 100%;
}


#menu ul ul li a {
    color: #D70606;
    text-decoration: none;
}


#menu ul ul li a:hover, #menu ul ul li a:active {
    border-bottom: 1px solid #D70606;
}


#menu ul ul ul.children {
    font-size: 100%;
    padding-left: 4px;
}


#wp-calendar {
    border: none;
    empty-cells: show;
    font-size: 14px;
    margin: 0;
    width: 90%;
}


#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;
    text-decoration: none;
    color: #D70606;
    font-weight: bold;
}


#wp-calendar a:hover {
    background: #e0e6e0;
    color: #333;
}


#wp-calendar caption {
    color: #444;
    font: normal italic Georgia, serif;
    font-size: 120%;
    margin-bottom: 5px;
    text-align: left;
}


#wp-calendar td {
    color: #999;
    font: normal 100% Arial, Verdana, sans-serif;
    letter-spacing: normal;
    padding: 2px 0;
    text-align: center;
}


#wp-calendar td.pad:hover {
    background: #fff;
}


#wp-calendar td:hover, #wp-calendar #today {
    background: #eee;
    color: #bbb;
}


#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}


div.date p{
    width: 40px;
    height: 50px;
    float: left;
    margin: 0 10px 0 0;
    padding: 5px;
    background: #D70606 url(images/date.png) no-repeat;
    color: #ddd;
    text-align: center;
    font-size: 70%;
    overflow: hidden;
}
div.date span.mese{
    display: block;
    margin-bottom: 8px;
}
div.date span.giorno{
    font-size: 190%;
    color: #444;
    font-weight: bold;
    line-height: 0.8;
}
div.date p span.anno{
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 80%;
    font-family: Tahoma, Arial, sans-serif;
}
#menu1{
    height: 1%;
    overflow: hidden;
    margin-left: 80px;
}
#menu1 ul{
    margin: 0;
    padding: 0;
}
#menu1 ul li{
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}
#menu1 ul li a{
    padding: 8px 20px;
    display: block;
    text-decoration: none;
}
#menu1 ul li a:link, #menu1 ul li a:visited{
    background: #222 url(images/menu.png) top left repeat-x;
    color: #ddd;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
}
#menu1 ul li a:hover, #menu1 ul li a:active{
    background: #333 url(images/menu.png) 0 -100px repeat-x;
    color: #fff;
    text-decoration: none;
    border-left: 1px solid #444;
    border-top: 1px solid #444;
}
#menu1 ul li.current_page_item a:link, #menu1 ul li.current_page_item a:visited{
    background: #d70606 url(images/menu_in.png) top left repeat-x;
    color: #fff;
    border-left: 1px solid #d70606;
    border-top: 1px solid #d70606;
}


#footer{
    clear: both;
    background: #000 url(images/header.png) no-repeat;
    border-top: 2px solid #D70606;
    color: #fff;
    margin: 0;
    padding: 0 80px;
    text-align: center;
    font-size: 80%;
    min-height: 34px;
}
#footer p{
    padding: 10px;
    margin: 0;
    font-weight: bold;
    font-family: Georgia, serif;
}
#footer p.up{
    float: right;
}
#footer p.up a{
    padding-right: 20px;
    background: url(images/top.gif) top right no-repeat;
}
#footer a:link, #footer a:visited{
    color: #ddd;
    text-decoration: underline;
}
#footer a:hover, #footer a:active{
    color: #fff;
    text-decoration: none;
}


/* -- Images & Caption Alignment -- */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}


.alignleft {
   float: left;
   margin: 0 10px 5px 0;
}


.alignright {
   float: right;
   margin: 0 0 5px 10px;
}

Alles anzeigen

Ein richtig fettes Danke schonmal im voraus wenn jmd bereit ist mir hiermit zu helfen!(Paar "unwichtige" Sachen in der CSS entfernt wegen Zeichenbegrenzung)
Benutze folgenden Theme: Theme Preview

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

sachsenpaule

Habs jetzt selbst hinbekommen mit min-height: 299px; !
Nun habe ich nur noch ein Problem. Der Home Button sowie About Button sind nun im Bild. An welcher Stelle in der CSS kann die weiter runter setzen damit sie unter meinem Logo Bild stehen? Ich finde nix in der CSS. Wäre klasse wenn mir da jemand helfen kann hier ist der Theme den ich nutze: Theme Preview

Hier nochmal die CSS:

Code

body {
    background: #fff url(images/bar.png) 0 10px repeat-x;
    color: #000;
    font-family: Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0;
}


.skip, hr{
    position: absolute;
    left: -9999px;
}


a:link, a:visited {
    color: #D70606;
    text-decoration: underline;
}
a:visited {
    color: #FA4949;
    text-decoration: underline;
}
a:hover, a:active {
    color: #A00;
    text-decoration: none;
}
a img {
    border: none;
}


acronym, abbr {
    border-bottom: 1px dashed #333;
}
acronym, abbr, span.caps {
    font-size: 90%;
    letter-spacing: .07em;
}
acronym, abbr {
    cursor: help;
}
blockquote {
    background: url(images/quote.png) no-repeat;
    margin-left: 1.5em;
    padding: 1px 0 0 40px;
    border-top: 3px double #ddd;
    border-bottom: 3px double #ddd;
}
cite {
    font-size: 100%;
    font-style: normal;
}


h1{
    font: 260%/1.15 Georgia, serif;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 40px 0 5px 160px;
}
#header h1 a:hover, #header h1 a:active{
    text-decoration: none;
    color: #D70606;
}
p.payoff{
    margin: 0 0 25px 160px;
    padding: 0;
    color: #fff;
    font: 120% Georgia, serif;
}
h2 {
    font: 185% Georgia, serif;
    letter-spacing: -0.2px;
    margin: 15px 0 2px 0;
    padding-bottom: 5px;
}


h3 {
    font: 130% Georgia, serif;
    margin-top: 0;
}


ol#comments li p {
    font-size: 100%;
}


p, li, .feedback {
    font: 90% Arial, Verdana, sans-serif;
    letter-spacing: 0;
}


/* classes used by the_meta() */
ul.post-meta {
    list-style: none;
}


ul.post-meta span.post-meta-key {
    font-weight: bold;
}


.feedback {
    color: #ccc;
    text-align: right;
    clear: both;
    border-top: 1px solid #eee;
}
.feedback a{
    color: #D70606;
}
.feedback a:hover, .feedback a:active{
    text-decoration: none;
}
.feedback p{
    padding: 0 25px;
    background: url(images/comment.gif) top right no-repeat;
}


.meta {
    font-size: .75em;
}
.meta li, ul.post-meta li {
    display: inline;
}
.meta ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}
.meta, .meta a {
    color: #999;
    font-weight: normal;
    letter-spacing: 0;
}
.meta a{
    color: #D70606;
    text-decoration: underline;
}
.meta a:hover, .meta a:active{
    text-decoration: none;
}
.meta .tags{
    background: url(images/tag.gif) 0 0 no-repeat;
    padding-left: 20px;
}
.meta .user{
    background: url(images/user.gif) 0 0 no-repeat;
    padding-left: 20px;
}


.post{
    margin-bottom: 40px;
}
.post ul{
    margin: 0;
    padding: 0;
}
.post ul li{
    margin: 0;
    padding: 0.2em 20px;
    background: url(images/list.png) 0 4px no-repeat;
    list-style: none;
}
.post ol{
    margin: 0 25px;
    padding: 0;
}
.post ol li{
    margin: 0;
    padding: 0.2em 0;
}


.storytitle {
    margin: 0;
}
.storytitle a {
    text-decoration: none;
}
.storytitle a:link, .storytitle a:visited{
    color: #444;
    text-decoration: none;
}
.storytitle a:hover, .storytitle a:active{
    color: #D70606;
}


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
    background: #fff;
    border: 1px solid #333;
    padding: .2em;
}


#commentform textarea {
    width: 95%;
}
#commentlist li ul {
    border-left: 1px solid #ddd;
    font-size: 110%;
    list-style-type: none;
}
.commentlist li {
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-top: 5px;
}
img.avatar {
  margin: 0 5px 0 0;
  padding: 1px;
  border: 1px solid #eee;
}
div.commentbody {
    margin: 10px 60px 10px 30px;
    padding: 25px 0 0 10px;
    background: #eee url(images/comment-top.png) no-repeat;
}
div.commentbody div{
    padding: 0 5px 5px 0;
    background: #eee url(images/comment-bottom.png) bottom right no-repeat;
}


#container{
    width: 100%;
    min-width: 770px;
    background: url(images/flowers.png) bottom right no-repeat;
}
#wrapper{
    float: left;
    width: 100%;
    margin-left: -330px;
}
#content {
    margin: 0 0 0 330px;
    padding: 30px 10px 10px 80px;
    background: transparent;
}


#header {
    background: #000 url(images/header.png) repeat-x;
    font: italic normal Georgia, serif;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 299px;
}


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


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


#searchform{
    position: absolute;
    right: 80px;
    top: 95px;
}
#searchform label{
    position: absolute;
    left: -9000px;
}
#searchform input{
    width: 100px;
}
#searchform button{
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
}
p#rss{
    position: absolute;
    right: 80px;
    top: 55px;
    margin: 0;
    padding: 0;
}


.textwidget{
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
    font-style: normal;
    font-weight: normal;
}


#menu {
    padding: 10px 80px 10px 50px;
    float: right;
    display: inline;
    width: 200px;
    margin: 0 0 240px 0;
    background: transparent url(images/sidebar.gif) no-repeat;
}


#menu form {
    margin: 0 0 0 13px;
}


#menu input#s {
    width: 80%;
    background: #eee;
    border: 1px solid #999;
    color: #000;
}


#menu ul {
    color: #444;
    font-weight: bold;
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
    height: 1%;
}


#menu ul li {
    font: italic bold 110% Georgia, Times, serif;
    letter-spacing: 0;
    margin: 20px 0 0 0;
    padding: 0 0 5px 0; 
    background: transparent;
}


#menu ul ul {
    font-variant: normal;
    font-weight: normal;
    line-height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    border: none;
}


#menu ul ul li {
    border: 0;
    font: normal normal 70%/1.7em Arial, Verdana, sans-serif;
    letter-spacing: 0;
    margin-top: 0;
    padding: 0;
    padding-left: 20px;
    background: url(images/list.png) 0 3px no-repeat;
}
#menu ul ul ul{
    border: none;
}
#menu ul ul ul li{
    font-size: 100%;
}


#menu ul ul li a {
    color: #D70606;
    text-decoration: none;
}


#menu ul ul li a:hover, #menu ul ul li a:active {
    border-bottom: 1px solid #D70606;
}


#menu ul ul ul.children {
    font-size: 100%;
    padding-left: 4px;
}


#wp-calendar {
    border: none;
    empty-cells: show;
    font-size: 14px;
    margin: 0;
    width: 90%;
}


#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;
    text-decoration: none;
    color: #D70606;
    font-weight: bold;
}


#wp-calendar a:hover {
    background: #e0e6e0;
    color: #333;
}


#wp-calendar caption {
    color: #444;
    font: normal italic Georgia, serif;
    font-size: 120%;
    margin-bottom: 5px;
    text-align: left;
}


#wp-calendar td {
    color: #999;
    font: normal 100% Arial, Verdana, sans-serif;
    letter-spacing: normal;
    padding: 2px 0;
    text-align: center;
}


#wp-calendar td.pad:hover {
    background: #fff;
}


#wp-calendar td:hover, #wp-calendar #today {
    background: #eee;
    color: #bbb;
}


#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}


div.date p{
    width: 40px;
    height: 50px;
    float: left;
    margin: 0 10px 0 0;
    padding: 5px;
    background: #D70606 url(images/date.png) no-repeat;
    color: #ddd;
    text-align: center;
    font-size: 70%;
    overflow: hidden;
}
div.date span.mese{
    display: block;
    margin-bottom: 8px;
}
div.date span.giorno{
    font-size: 190%;
    color: #444;
    font-weight: bold;
    line-height: 0.8;
}
div.date p span.anno{
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 80%;
    font-family: Tahoma, Arial, sans-serif;
}
#menu1{
    height: 1%;
    overflow: hidden;
    margin-left: 80px;
}
#menu1 ul{
    margin: 0;
    padding: 0;
}
#menu1 ul li{
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}
#menu1 ul li a{
    padding: 8px 20px;
    display: block;
    text-decoration: none;
}
#menu1 ul li a:link, #menu1 ul li a:visited{
    background: #222 url(images/menu.png) top left repeat-x;
    color: #ddd;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
}
#menu1 ul li a:hover, #menu1 ul li a:active{
    background: #333 url(images/menu.png) 0 -100px repeat-x;
    color: #fff;
    text-decoration: none;
    border-left: 1px solid #444;
    border-top: 1px solid #444;
}
#menu1 ul li.current_page_item a:link, #menu1 ul li.current_page_item a:visited{
    background: #d70606 url(images/menu_in.png) top left repeat-x;
    color: #fff;
    border-left: 1px solid #d70606;
    border-top: 1px solid #d70606;
}


#footer{
    clear: both;
    background: #000 url(images/header.png) no-repeat;
    border-top: 2px solid #D70606;
    color: #fff;
    margin: 0;
    padding: 0 80px;
    text-align: center;
    font-size: 80%;
    min-height: 299px;
}
#footer p{
    padding: 10px;
    margin: 0;
    font-weight: bold;
    font-family: Georgia, serif;
}
#footer p.up{
    float: right;
}
#footer p.up a{
    padding-right: 20px;
    background: url(images/top.gif) top right no-repeat;
}
#footer a:link, #footer a:visited{
    color: #ddd;
    text-decoration: underline;
}
#footer a:hover, #footer a:active{
    color: #fff;
    text-decoration: none;
}

Alles anzeigen

Ammaletu

Genau kann ich es Dir ohne Link zu Deiner Seite auch nicht sagen. Aber wie es aussieht erbt das header-div seine Weite wohl vom umgebenden div, da an #header selbst ja keine Weite definiert ist (bzw. Höhe, falls unten am Bild was fehlt). Da müsstest Du also mal schauen, wo Du das anpassen kannst. Generell zeigt der Browser Dir das Hintergrundbild nur soweit, wie die Box groß ist, der es zugeordnet ist. Genauer ließe sich das sicher mit einem Link zur Seite sagen.

flobster

Zitat

Habs jetzt selbst hinbekommen mit min-height: 299px; !

Warum min-height, wenn height doch vollkommen ausreicht. In einigen älteren Browsern macht min-height Probleme.

Zitat

An welcher Stelle in der CSS kann die weiter runter setzen damit sie unter meinem Logo Bild stehen?

Entweder du sorgst dafür, das "<div id="menu1">" nicht mehr im "<div id="header">" verschachtelt ist, z.B. durch Anpassen der header.php (könnte aber eine Reihe weiterer Anpassungen nach sich ziehen), oder du vergrößerst deinen header um die Höhe deines Menus. Dazu wäre es aber sinnvol, diesem eine fixe Höhe zuzuweisen.

sachsenpaule

Oha das hört sich nun wieder kompliziert an, nach einigem rumspielen hab ich es dann auf eine Weise hinbekommen.

Code

}
#menu1{
    height: 1%;
    overflow: hidden;
    margin-left: 80px;
    margin-top: 254px;

hab da jetzt ein margin-top: 254px; eingefüget und nun fangen die Buttons direkt unter meinem Logo an. Habe zwar nun einen schwarzen Balken mit Buttonhöhe links und rechts neben den Buttons aber da mein logo einen schwarzen Hintergrund hat passt es zufälligerweise. Ist wohl nicht die eleganteste Art und wohl auch falsch aber hab Glück das es passt. Der rote Balken ist dafür immer noch hinter meinem Logo aber das ist nicht mehr so schlimm da ja jetzt der schwarze Balken(warum auch immer*g*) da ist. Trotzdem thx für die Hilfe.

flobster

Wenn's funktioniert ist es ja erst mal wunderbar. Ich würde das Ganze aber mal mit verschiedenen Browsern / Betriebsystemen / Bildschirmauflösungen etc. testen. Du vermischt da fixe Höhenangaben mit variablen Angaben.

sachsenpaule

Jo völlig vergessen und siehe da, mit dem rotz Internet Explorer wird es nicht vernünftig angezeigt...könnte kotzen....:cry:

flobster

Zitat

mit dem rotz Internet Explorer wird es nicht vernünftig angezeigt

Also was den alten IE6 angeht habe ich mittlerweile auch aufgeben, da irgendetwas anzupassen. Wer damit noch im Internet unterwegs ist, dem ist eh nicht mehr zu helfen. Der IE7 ist ja was die meisten Dinge anbelangt relativ harmlos.

sachsenpaule

Jo habe es mit IE6 versucht und es klappt nix. Hab dann mal IE7 installiert und das Logo wird vernünftig angezeigt jetzt, aber die Buttons sind immer noch im Logo. Also dieser margin top befehl kann Der Schrott von Microsoft nicht lesen. Jmd ne Idee wie ich es trotzdem hinbekomme?
Bin ja nur immer mit Firefox unterwegs und völlig vergessen es mit IE zu testen...

flobster

Also margin-top sollte eigentlich weniger das Problem sein. Hast du denn da noch Höhenangaben mit min-height? Wie ich schon sagte, bei dem was du vorhast ist es besser, allen betroffenen Elementen eine feste Höhe in Pixeln zu geben, sonst wird's auch unabhängig vom Browser problematisch.

sachsenpaule

Genau das ist das Problem, ich weiss nicht wo ich diese Home und About Buttons oder halt die Page-Leiste in der CSS finde. Wenn ich genau die Stellen wüsste wo ich was ändern muss dann wird es wohl mit ein wenig learning by doing irgendwann hinhauen. :-D
Hab nur paar HTML Kenntnisse, mit CSS absolut nie gearbeitet....

flobster

Kann ja nur raten, aber ich würde mal sagen, alle Menu Buttons liegen im <menu1> Container. Solange der noch height: 1% hat, wird es wohl nichts. Wie die Elemente verschachtelt sind, solltest du doch in der header.php deines Themes herausfinden können. Für den Firefox ist das Addon Firebug auch immer eine große Hilfe.

sachsenpaule

Ok und was muss ich da jetzt ändern? Nur die Prozentzahl oder nen anderen Befehl für eingeben? Werde mal ein wenig rumspielen...

flobster

Na z.B. height = 25px, gggf. musst du den einzelnen Buttons aber auch genauso eine feste Höhe verpassen. Dann ist die Größe des headers also Bildgröße + Menügröße (zzgl. padding).

sachsenpaule

Habs nun so hinbekommen das es in beiden Browsern vernünftig angezeigt wird(aber immer noch mit dem schwarzen Balken)
Habe

Code

margin-top: 254px;

bei #menu1 entfernt und

Code

margin-top: 229px;

bei #menu1 ul li a eingefügt, margin left habe ich so gelassen und nu geht es:-DMan man warum das jetz so sein muss...keine Ahnung, alles böhmische Dörfer für mich....

Willkommen! Melden Sie sich an oder registrieren Sie sich.

2 Fragen

Jetzt mitmachen!