Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Vansoul" data-source="post: 1697579" data-attributes="member: 463252">Hallo Leute,&nbsp; vielleicht kann mir einer das Mal erklären, sodass ich Anfänger das auch verstehe.&nbsp; Ich bin gerade dabei für eine Freundin Ihre Webseite neu zu erstellen und habe ein kleines Problem mit der Darstellung im IE 5 und 6. Das ist meine erste Seite mit reinem CSS und nicht wie sonst Tabellenlayout in Kombination mit Ebenen.&nbsp; Die Nachmittage mit Google haben zwar mir was zum Lesen gebracht und probieren, aber zum Erfolg hat es nicht gelangt. Ich weiß ich könnte auch sagen, wer noch alte Browser hat, der hat Pech. Aber dass wollen wir ja auch nicht.&nbsp; Falls jemand einen Tipp hat wäre ich Ihn dankbar.&nbsp; &nbsp; Gruß RogérCSS[CODE]*{margin:0;padding:0;}body { &nbsp; &nbsp; background-image: url(../Hompage-Bilder/Backgroundpic.gif); &nbsp; &nbsp; background-repeat: repeat; &nbsp; &nbsp; width: 100%; &nbsp; &nbsp; height: 100%; &nbsp; &nbsp; margin: 0; &nbsp; &nbsp; padding: 0; }h1 { &nbsp; &nbsp; color: #bacd9a; &nbsp; &nbsp; font-size: 18px; &nbsp; &nbsp; font-family: Verdana, Arial, Helvetica, sans-serif; &nbsp; &nbsp; font-weight: bold; &nbsp; &nbsp; font-style: normal; &nbsp; &nbsp; line-height: 22px; &nbsp; &nbsp; text-align: left; &nbsp; &nbsp; margin: 50px 0 16px; &nbsp; &nbsp; padding: 10px 0 5px 0; &nbsp; &nbsp; border-bottom: 1px solid #333; }&nbsp; &nbsp; h2 { &nbsp; &nbsp; color: #bacd9a; &nbsp; &nbsp; font-size: 16px; &nbsp; &nbsp; font-family: Verdana, Arial, Helvetica, sans-serif; &nbsp; &nbsp; font-weight: bold; &nbsp; &nbsp; font-style: normal; &nbsp; &nbsp; line-height: 18px; &nbsp; &nbsp; text-align: left; &nbsp; &nbsp; margin: 30px 0 16px; &nbsp; &nbsp; padding: 0 0 5px 0; &nbsp; &nbsp; border-bottom: 1px solid #333; }&nbsp; &nbsp; h3 { &nbsp; &nbsp;&nbsp; color: #bacd9a; &nbsp; &nbsp;&nbsp; font-size: 12px; &nbsp; &nbsp;&nbsp; font-family: Verdana, Arial, Helvetica, sans-serif; &nbsp; &nbsp;&nbsp; font-weight: normal; &nbsp; &nbsp;&nbsp; font-style: normal; &nbsp; &nbsp;&nbsp; line-height: 14px; &nbsp; &nbsp;&nbsp; text-align: left; &nbsp; &nbsp;&nbsp; margin: 1px 0 10px; &nbsp; &nbsp;&nbsp; padding: 0; }&nbsp; &nbsp;&nbsp; p { &nbsp; &nbsp; color: #fff; &nbsp; &nbsp; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; &nbsp; &nbsp; text-align: left; &nbsp; &nbsp; margin: 0 0 20px; &nbsp; &nbsp; padding: 0; }#box { &nbsp; &nbsp; background-image: url(../Hompage-Bilder/Mainpic.gif); &nbsp; &nbsp; width: 980px; &nbsp; &nbsp; height: auto; &nbsp; &nbsp; margin: 0 auto; }#header { &nbsp; &nbsp; background-image: url(../Hompage-Bilder/Headpic.gif); &nbsp; &nbsp; background-repeat: no-repeat; &nbsp; &nbsp; width: 980px; &nbsp; &nbsp; height: 260px; }#content { &nbsp; &nbsp; width: 980px; &nbsp; &nbsp; height: auto; }#sidebar { &nbsp; &nbsp; width: 180px; &nbsp; &nbsp; height: auto; &nbsp; &nbsp; float: left; &nbsp; &nbsp; margin-top: 0; &nbsp; &nbsp; margin-left: 100px; &nbsp; &nbsp; padding: 0; }#contentarea { &nbsp; &nbsp; width: 560px; &nbsp; &nbsp; height: auto; &nbsp; &nbsp; float: right; &nbsp; &nbsp; margin-right: 80px; }#box1 { &nbsp; &nbsp; text-align: left; &nbsp; &nbsp; width: 150px; &nbsp; &nbsp; height: 160px; &nbsp; &nbsp; margin:10px 0 10px 10px; &nbsp; &nbsp; padding: 0 0 0 10px; &nbsp; &nbsp; float: left; }#box1l { &nbsp; &nbsp; text-align: left; &nbsp; &nbsp; width: 150px; &nbsp; &nbsp; height: 160px; &nbsp; &nbsp; margin:10px 0 10px 10px; &nbsp; &nbsp; padding: 0 0 0 10px; &nbsp; &nbsp; float: left; &nbsp; &nbsp; border-left: 1px solid #333; }#box2 { &nbsp; &nbsp; text-align: left; &nbsp; &nbsp; width: 200px; &nbsp; &nbsp; height: 300px; &nbsp; &nbsp; margin: 0; &nbsp; &nbsp; padding: 0; &nbsp; &nbsp; float: right; }div.clear {&nbsp; &nbsp; clear: both;&nbsp; &nbsp; height: 0;&nbsp; &nbsp; font-size: 0;&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; padding: 0; }#footer { &nbsp; &nbsp; background-image: url(../Hompage-Bilder/Footerpic.gif); &nbsp; &nbsp; background-repeat: no-repeat; &nbsp; &nbsp; clear: both; &nbsp; &nbsp; width: 980px; &nbsp; &nbsp; height: 130px; }#navcontainer { width: 180px; padding: 0; color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; height: auto; margin-top: 50px; }#navcontainer ul{ height: 35px; list-style: none; margin: 0; padding: 0; }#navcontainer li{ height: 35px; margin: 2px 0 0; }#navcontainer li a{ display: block; color: #bacd9a; background-image: url(../Hompage-Bilder/button_vert.gif); background-repeat: no-repeat; text-decoration: none; width: 100%; height: 35px; margin-top: 2px; padding-top: 10px; padding-left: 20px; }html&gt;body #navcontainer li a { width: auto; }#navcontainer li a:hover{ color: #fff; background-image: url(../Hompage-Bilder/button_vert_over.gif); background-repeat: no-repeat; height: 35px; margin-top: 2px; }[/CODE]</blockquote>

[QUOTE="Vansoul, post: 1697579, member: 463252"] [SIZE=2]Hallo Leute,[/SIZE] [SIZE=2]vielleicht kann mir einer das Mal erklären, sodass ich Anfänger das auch verstehe.[/SIZE] [SIZE=2]Ich bin gerade dabei für eine Freundin Ihre Webseite neu zu erstellen und habe ein kleines Problem mit der Darstellung im IE 5 und 6. Das ist meine erste Seite mit reinem CSS und nicht wie sonst Tabellenlayout in Kombination mit Ebenen.[/SIZE] [SIZE=2]Die Nachmittage mit Google haben zwar mir was zum Lesen gebracht und probieren, aber zum Erfolg hat es nicht gelangt. Ich weiß ich könnte auch sagen, wer noch alte Browser hat, der hat Pech. Aber dass wollen wir ja auch nicht.[/SIZE] [SIZE=2]Falls jemand einen Tipp hat wäre ich Ihn dankbar.[/SIZE] [SIZE=2]Gruß Rogér[/SIZE] CSS [CODE]*{ margin:0; padding:0; } body { background-image: url(../Hompage-Bilder/Backgroundpic.gif); background-repeat: repeat; width: 100%; height: 100%; margin: 0; padding: 0; } h1 { color: #bacd9a; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: 22px; text-align: left; margin: 50px 0 16px; padding: 10px 0 5px 0; border-bottom: 1px solid #333; } h2 { color: #bacd9a; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: 18px; text-align: left; margin: 30px 0 16px; padding: 0 0 5px 0; border-bottom: 1px solid #333; } h3 { color: #bacd9a; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 14px; text-align: left; margin: 1px 0 10px; padding: 0; } p { color: #fff; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0 0 20px; padding: 0; } #box { background-image: url(../Hompage-Bilder/Mainpic.gif); width: 980px; height: auto; margin: 0 auto; } #header { background-image: url(../Hompage-Bilder/Headpic.gif); background-repeat: no-repeat; width: 980px; height: 260px; } #content { width: 980px; height: auto; } #sidebar { width: 180px; height: auto; float: left; margin-top: 0; margin-left: 100px; padding: 0; } #contentarea { width: 560px; height: auto; float: right; margin-right: 80px; } #box1 { text-align: left; width: 150px; height: 160px; margin:10px 0 10px 10px; padding: 0 0 0 10px; float: left; } #box1l { text-align: left; width: 150px; height: 160px; margin:10px 0 10px 10px; padding: 0 0 0 10px; float: left; border-left: 1px solid #333; } #box2 { text-align: left; width: 200px; height: 300px; margin: 0; padding: 0; float: right; } div.clear { clear: both; height: 0; font-size: 0; margin: 0; padding: 0; } #footer { background-image: url(../Hompage-Bilder/Footerpic.gif); background-repeat: no-repeat; clear: both; width: 980px; height: 130px; } #navcontainer { width: 180px; padding: 0; color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; height: auto; margin-top: 50px; } #navcontainer ul { height: 35px; list-style: none; margin: 0; padding: 0; } #navcontainer li { height: 35px; margin: 2px 0 0; } #navcontainer li a { display: block; color: #bacd9a; background-image: url(../Hompage-Bilder/button_vert.gif); background-repeat: no-repeat; text-decoration: none; width: 100%; height: 35px; margin-top: 2px; padding-top: 10px; padding-left: 20px; } html>body #navcontainer li a { width: auto; } #navcontainer li a:hover { color: #fff; background-image: url(../Hompage-Bilder/button_vert_over.gif); background-repeat: no-repeat; height: 35px; margin-top: 2px; } [/CODE] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?