menu mit css

[D4Fish]

ich habe folgende probleme mit meinem css menu:
- die schaltflaechen sind im ie und firefox unterschiedlich lang
- links neben dem menu ist ein rand
- zwischen menu und der Abrundung oben ist ein Spalt von ca 3px

aber seht selbst: --> http://d4fish.funpic.de/ag.html <--



ich hab erst am wochenende mit html angefangen und kanns noch nicht sonderlich gut, daher waere ich sehr dankbar fuer eure hilfe

vielen dank schon im vorhinein!



hier noch der Quelltext:

<style>
#navigation2 {background:darkgreen;width:150px;}
#navilist2{
display:block;
list-style:none;
width:150px;
background:darkgreen;
color:darkorange;
padding:1px 1px 1px 1px;
margin:0px 0px 0px 0px;
font-size:16px;
font-family:comic sans ms;
}
#navilist2 a {
display:block;
list-style:none;
border-width:1px 1px 2px 2px;
border-color:silver silver gray gray;
border-style:solid;
background:green;
color:darkorange;
width:100%;
text-decoration:none;
padding:4px 1px 1px 10px;
margin:8px 2px 2px 2px;
font-size:16px;
font-family:comic sans ms;
}
#navilist2 a:hover {
display:block;
list-style:none;
border-width:2px 2px 1px 1px;
border-color:gray gray silver silver ;
border-style:solid;
background:#003F00;
color:yellow;
width:100%;
text-decoration:overline underline;
padding:4px 1px 1px 10px;
margin:8px 2px 2px 2px;
font-size:16px;
font-family:comic sans ms;
}
</style>







[img]images/menu_top.gif[/img]

<div id="navigation2">
<ul id="navilist2">
[*][url="#"]Startseite[/url]


[*][url="aktuelles.html"]Aktuelles[/url]
[*][url="wir_ueber_uns.html"]Wir &uuml;ber uns[/url]
[*][url="dirigent.html"]Dirigent[/url]
[*][url="unsere_register.html"]Unsere Register[/url]
[*][url="http://www.mv-wollbach.de"]Aktivorchester[/url]
[*][url="qualifikationen.html"]Qualifikationen[/url]

[*][url="berichte.html"]Berichte[/url]
[*][url="impressum.html"]Impressum[/url]
[/list]</div>
[img]images/menu_ground.gif[/img]

 

[w7]

1.) keine Feste Breite zugeordnet "padding:1px 1px 1px 1px;" muss geändert werden
2.) stelle margin auf 0 ("margin:0px;")
3.) das ist bei mir nicht so,...

 

[D4Fish]

vielen dank fuer die schnelle antwort ;) aba was soll denn bei padding genau rein? und margin is doch schon auf 0px 0.o bzw so:

margin:0px 0px 0px 0px;


bin wie gesagt n newby

 

[w7]

naja Code Tags bitte in deinem ersten Post verwenden...
und dann

margin-left:0px;

bei Padding dachte ich an:

padding-top:[wasduwillst]px;
padding-left:0px;
padding-right:[wasduwillst]px;
padding-bottom:[wasduwillst]px;

wobei du für was du willst eine angabe einsetzt die dir passt...

 

[D4Fish]

vielen dank ... dann bastel ich mal weiter^^

EDIT: Problem 3 ist geloest aber eins und 2 sind noch da .... ... im ie siehts abgesehen von dem Rand schon ganz gut aus .... aber im firefox sind immer noch die schaltflaechen laenger als der bg .......

der link oben ist aktuell! ...

hier der neue Queltext:

<style>
#navigation2 {background:darkgreen;width:150px;}
#navilist2{
display:block;
list-style:none;
width:150px;
background:darkgreen;
color:darkorange;
padding:1px 1px 1px 1px;
padding-top:10px;
padding-left:0px;
padding-right:0px;
padding-bottom:10px;
margin:0px 0px 0px 0px;
margin-left:0px;
font-size:16px;
font-family:comic sans ms;
}
#navilist2 a {
display:block;
list-style:none;
border-width:1px 1px 2px 2px;
border-color:silver silver gray gray;
border-style:solid;
background:green;
color:darkorange;
width:100%;
text-decoration:none;
font-weight:bold;
padding:4px 1px 1px 10px;
margin:8px 2px 2px 2px;
font-size:16px;
font-family:comic sans ms;
}
#navilist2 a:hover {
display:block;
list-style:none;
border-width:2px 2px 1px 1px;
border-color:gray gray silver silver ;
border-style:solid;
background:#003F00;
color:yellow;
width:100%;
text-decoration:overline underline;
font-weight:bold;
padding:4px 1px 1px 10px;
margin:8px 2px 2px 2px;
font-size:16px;
font-family:comic sans ms;
}
</style>








[img]images/menu_top.gif[/img]
<div id="navigation2">
<ul id="navilist2">
[*][url="#"]Startseite[/url]


[*][url="aktuelles.html"]Aktuelles[/url]
[*][url="wir_ueber_uns.html"]Wir &uuml;ber uns[/url]
[*][url="dirigent.html"]Dirigent[/url]
[*][url="unsere_register.html"]Unsere Register[/url]
[*][url="aktivorchester.html"]Aktivorchester[/url]

[*][url="qualifikationen.html"]Qualifikationen[/url]
[*][url="berichte.html"]Berichte[/url]
[*][url="impressum.html"]Impressum[/url]
[/list]</div>
[img]images/menu_ground.gif[/img]

Mod-Edit: Doppelpost entfernt - bitte den "edit" Button oben rechts benutzen. (Hobbyuser)

 

[w7]

eine feste Breite für den Button angeben...

 

[D4Fish]

das hab ich schon probiert .... ansich gehts ja^^ ... aber wenn ich width="144" mache passts im internet explorer hervoragend ... bei firefox steht der bottom dann nach rechts raus .... wenn ichs fuer firefox anpass (ich glaube 134px) isses im ie zu schmal .....

 

[lukatsch]

und wie wärs wenn dus prozentual angeben würdest ?
mfg Lukatsch

 

[D4Fish]

dann hab ich des gleiche problem .... 100% passen im ie perfekt ... im firefox stehen die schaltflaechen dann ueber......

hier mal bilder wies bei mir aussieht:
firefox:

ie:

vielen Dank auch fuer die hilfe in diesem forum! ... ich habe den fehler nach langem suchen und etwas hilfe aus einem anderen forum gefunden!...

falls mal jemand ein aehnliches Problem haben sollte:
1. ich hab die doctype-declaration vergessen!!
2. microsoft ist so intelligen und kann nicht richtig addieren!
Beweis: der Box-Modell-Bug des IE.

weitere Stichwoerter die mir auf der Suche geholfen haben:
Das Box-Modell,
den Doctype-Switch

mfg Markus

und bis zum naechsten Problem