system
9. September 2006 um 13:13
1
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)
http://img57.imageshack.us/img57/330/unbenanntvh7.jpg
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
9. September 2006 um 13:16
2
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.
system
9. September 2006 um 13:22
3
cool danke hat soweit alles geklappt! bloss nun ist was weisses ich möchte wie bekomme ich das weg.
http://img169.imageshack.us/img169/9183/unbenanntnr3.jpg
_m-d
9. September 2006 um 13:24
4
habe oben in meinen post etwas reineditiert. haste das beachtet?
also schreib anstatt „margin“ „margin-top“.
system
9. September 2006 um 13:27
5
Wir kommen der Sache immer näher :-D.
Jetzt sind da nur noch zwei so kleine Mini striche die ich weg haben möchte
http://img242.imageshack.us/img242/9619/unbenanntce3.jpg
_m-d
9. September 2006 um 13:29
6
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.
system
9. September 2006 um 13:31
7
Gute warte… ich lade es schnell hoch.
Edit: Hier der Link
_m-d
9. September 2006 um 15:42
8
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.
system
9. September 2006 um 15:44
9
das habe ich auch gerade rausgefunden… aber wie genau soll ich den runtermachen.
Hier nochma nen QT.Ausschnitt:
[code]#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;
}[/code]
_m-d
9. September 2006 um 15:47
10
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 “.
system
9. September 2006 um 16:20
11
Denn habe ich wieder da erste Problem. So das die Kanten wieder oben rausgucken!
_m-d
9. September 2006 um 16:23
12
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)
system
9. September 2006 um 16:27
13
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
9. September 2006 um 16:28
14
unter #main „border-bottom: 0px;“
system
9. September 2006 um 16:29
15
Aller best! Super. Vielen Dank.