Kanten wegmachen

[element³]

Ich übe gerade mein css doch leider habe ich jetzt ein Prob.

Ich habe links und rechts ne navi und in der mitter der content. Doch leider steht der content berreich mit den navis nicht paralel. Da sind solche kanten (siehe screen)

Diese Kanten die überstehen sind in css => main h2

Hier der Ausschnitt vom Css quelltext:

#main {
background: #fff;
border: 1px solid  #393939;
margin: 1px 170px 0 170px;
padding: 0;
width: auto;
}
#main h2 {
background: #393939;
color: #fff;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 0;
padding: 2px 0 0 20px;
}

Wie bekomme ich diese kante da weg?

 

[{m-d}]

 margin: 0;

in main h2 erhöhen. sieht nach ein oder zwei pixeln aus, also "margin: 1px;"

edit: besser noch, wenn du "margin-top: 1px;" schreibst.

 

[element³]

cool danke hat soweit alles geklappt! bloss nun ist was weisses ich möchte wie bekomme ich das weg.

 

[{m-d}]

habe oben in meinen post etwas reineditiert. haste das beachtet?
also schreib anstatt "margin" "margin-top".

 

[element³]

Wir kommen der Sache immer näher :-D.
Jetzt sind da nur noch zwei so kleine Mini striche die ich weg haben möchte

 

[{m-d}]

mh. kann nur mutmassen, wo die striche herkommen. evtl vom border des div oder tabellen containers..

hilfreich wäre es, wenn du mal ne link zu der seite posten könntest.

 

[element³]

Gute warte.. ich lade es schnell hoch.

Edit: Hier der Link

 

[{m-d}]

im FF hab ich nen Addon, nennt sich Web Developer. Damit kannste Bilder ausblenden und wenn man das bei deiner Seite macht sieht man, das der weise Bereich, in dem der Inhalt später stehen soll zu weit hoch geht. Also der muss weiter runter. Einen Pixel.

 

[element³]

das habe ich auch gerade rausgefunden... aber wie genau soll ich den runtermachen.

Hier nochma nen QT.Ausschnitt:

#main {
background: #fff;
border: 1px solid  #393939;
margin: 1px 170px 0 170px;
padding: 0;
width: auto;

}
#main h2 {
background: #393939;
color: #fff;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin-top: 1px;
padding: 2px 0 0 20px;
}
#main p {
font-size: 110%;
margin: 1px 0 15px 0;
padding: 2px;
line-height: 16px;
}
#main blockquote {
color: #999;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
text-align: left;
margin: 5px 30px 5px 0px;
padding-left: 5px;
border-left: 5px solid #393939;
}
#main p.date {
color: #555;
font-weight: bold;
font-size: 11px;
margin: 0 0 5px 0;
text-align: left;
}
#main p.posted  {
color: #bbb;
font-size: 11px;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
line-height: normal;
text-align: left;
margin-bottom: 10px;
padding: 3px;
border-top: 1px dashed #ccc;
}
#copyright {
background: #393939;
border-top: 1px solid #000;
padding: 2px;
text-align: center;
}

 

[{m-d}]

glaube ich habe das problem gefunden.

das margin-top: 1px; aus main h2 setzte wieder auf 0.
dafür schreibste eben dieses "margin-top: 1px;" unter "#main".

 

[element³]

Denn habe ich wieder da erste Problem. So das die Kanten wieder oben rausgucken!

 

[{m-d}]

dann probiers nochmal mit den stylecode aus deinem ersten post. also dem ungeändertem css und ändere die zeile

#main {
background: #fff;
border: 1px solid  #393939;
[b]margin: 3px 170px 0 170px;b[/b]
padding: 0;
width: auto;
}

(1px; in 3px; ändern)

 

[element³]

Vielen Dank! Nun hats geklappt.

{m-d}, danke für deinen schnellen und guten Support. Bekommst ne gute Bewertung von mir.

nochma zum Thema: Wie muss ich das machen damit vom Contentberreich UNTEN kein Border ist.?

Quasi so:

----------
|content |

 

[{m-d}]

unter #main "border-bottom: 0px;"

 

[element³]

Aller best! Super. Vielen Dank.