Permalänk
Medlem

Hjälp med html och CSS skal

Hallå!

Nu är det såhär att jag kört fast, eller rättare sagt, vet inte hur jag ska gå till väga med ett litet problem jag har. Är antagligen världens enklaste lösning men därför ber jag o store visa män om hjälp!

Såhär ser en del av mitt CSS skal ut.

#nav{ position:fixed; top:50px; padding: 0 20px 0px 20px; margin: 50px 75px; background: url(http://simplebits.com/-/img/bg-fff-15.png); } #wrapa { max-width: 50em; margin: 0 auto; padding: 0 20px 20px 20px; background: url(http://simplebits.com/-/img/bg-fff-15.png); } #wrap-inner { max-width: 980px; margin: 0 auto; padding: 0 20px 0 20px; background: url(http://simplebits.com/-/img/bg-fff-15.png); background: url(http://simplebits.com/-/img/bg-fff-15.png), url(http://simplebits.com/-/img/burst.png) no-repeat center top fixed; overflow: hidden; }

Det jag behöver hjälp med är att jag vill ha menyn (nav) konstant proportionell mot kanten av wrapa. Just nu har jag (som ni ser) en bestämt position för nav och det fungerar ju inte längden.
För den ändras från skärm till skräm. Därför vill jag att den ALLTID ska vara ex. 20 pixlar ifrån kanten av Wrapa..

Hoppas ni förstår och tack på förhand!

Permalänk
Medlem

Hmm, har inte koden exakt i huvudet men kan du inte köra en float right på #wrapa och sen en float left (eller right för den delen) på din #nav? Sen får du ändra på padding right alt. margin right i #nav.
Ursäkta det röriga svaret men googla runt lite på Float-funktionen så hittar du nog något.
Rätta mig gärna om jag har fel!

Visa signatur

"The two most common things in the universe are hydrogen and stupidity"

Permalänk
Avstängd

Du måste skapa en riktigt wrapp runt hela din HTML kod om du vill ha sidan centrerad. #container { margin: 0 auto; Position: relative; }
Sedan placerar du dina boxar i den med Position: absolute. Annars funkar det inte.

Permalänk
Medlem
Skrivet av lolight:

Du måste skapa en riktigt wrapp runt hela din HTML kod om du vill ha sidan centrerad. #container { margin: 0 auto; Position: relative; }
Sedan placerar du dina boxar i den med Position: absolute. Annars funkar det inte.

Positioneringen måste inte vara absolut, men det är en bra idé att ha en wrapper. Oftast kan man använda <body> som wrapper och därmed hålla sin HTML ren.

Permalänk
Avstängd
Skrivet av You:

Positioneringen måste inte vara absolut, men det är en bra idé att ha en wrapper. Oftast kan man använda <body> som wrapper och därmed hålla sin HTML ren.

Nja, body ska du använda till att identifiera sidan, typ <body id="index.html">

Permalänk
Medlem
Skrivet av lolight:

Nja, body ska du använda till att identifiera sidan, typ <body id="index.html">

Det är väl inget hinder? Body är ju per definition ett unikt element, så istället för att referera till #wrapper kan du referera till body i din CSS. För övrigt tycker jag att klasser är en bättre metod för att identifiera sidor, eftersom de mycket oftare kan grupperas till likartade sidor än de kan refereras till som unika.