Permalänk
Medlem

Problem med css meny

Är nybörjare och har lite problem med en horisontell meny till en hemsida jag håller på med.

När jag sätter in koden position: fixed; så sitter menyn fast som jag vill att den ska göra. Den ska alltså inte försvinna när jag scrollar ned sidan. Men menyn anpassar sig då inte efter skärmen, som den gör annars. Den blir kort och slutar i mitten ungefär. Har försökt ändra manuellt med marginaler och sånt men det går inte att få exakt, ganska meningslöst också eftersom skärmar har olika bredd.

Jag undrar alltså om det finns någon kod som gör att den anpassar sig efter skärmen?

Hoppas någon förstår vad jag försöker förklara.
Thanks!

Här är koderna:

h2 { font-family: Arial; font-size: 50px; font-weight: normal; letter-spacing: 2px; } body {padding: 0em; margin: 0.2em;} #content{margin: 0em; padding: 0em; float: left;} #menycontainer ul{position: fixed; margin: 0em; font: 95% Eras Medium ITC, Helvetica, sans-serif; margin: 0em; padding: 0.3em 0 0.3em 0em; background: #FFE2FD;} #menycontainer li{display: inline; list-style: none;} #menycontainer li a{text-decoration: none; padding: 0.3em 0.3em; margin-right: 0em;} #menycontainer a:link{color: #000000;} #menycontainer a:visited{color: #000000;} #menycontainer a:hover{border-top: 1px dotted #000000; border-bottom: 1px dotted #000000;} #menycontainer a#current{background: #FFFFFF; border: 0.5px solid #000000; color: #000000;}

Permalänk
Medlem

Du har inte möjlighet att skicka med en skärmdump?

Har du en "wrapper" som justerar innehållet beroende på skärm- eller browserbredd?

Permalänk
Medlem

Se till att menyn inte ligger i något annat element och lös det enkelt med width: 100%

Visa signatur

Ludacris@live.se

Permalänk
Medlem

JA! jag löste det tackar och bockar.