Permalänk

Webbdesign meny för blogg.

Sitter och försöker få min meny att lägga sig där jag vill ha den.

#side {
background: #ffffff;
float: right;
width: 250px;
margin-top: -15050px;
margin-right: -260px;
padding-top: -10px;
padding left: 100px;
border: 0px solid #ffffff;
}

Så ser då css-koden ut för den menyn. Problemet är då att för varje nytt inlägg jag gör så flyttas den ned och jag måste minska ännu mer på margin-top. Ibland ligger den längst ner på sidan jämte wrappern. Den verkar inte riktigt bry sig om vad jag skrivit på margin-top. Är det jag som gjort något fel eller kan man låsa fast den på något vis så den alltid håller sig på samma plats, oavsett hur mycket sidan innehåller?

MVH Emma

Permalänk
Medlem

Ja, lägg meny diven före innehållet?

Visa signatur

Hur kan syltkakor överleva i det vilda utan ögon?

Permalänk
Skrivet av JesperA:

Ja, lägg meny diven före innehållet?

Funkar det? Bäst jag testar det då.

Tack!

Permalänk

Nu uppstod då ett annat problem. Innehållet, platsen för inläggen hoppade bort.

Permalänk

Såhär ser det ut nu.. innehållet ligger utanför wrappern.
Menyn kan inte ligga i wrappern för innehållet måste ju göra det. hmm..

Permalänk

Nu tror jag det funkar! Tack för hjälpen!

Permalänk
Medlem

i html:en borde det tex se ut så här:

<div id="wrapper"> <ul id="menu"><li>meny</li></ul> <div id="content">innehåll</div> </div>

CSS:en borde se ut något sånt här:

#wrapper { width:960px; margin:0 auto } #menu { width:250px; margin:0; padding:0; float:left } #content { width:710px; float:left }

Ingen negativ margin-top ska behövas, lycka till!

Visa signatur

i7 920 | 12GB DDR3 | GTX 480 | GA-X58A-UD7 | 160GB SSD X25-M G2 | 1TB F3 HD103SJ | W7 64-bit | Mac Mini
Webb: bluekitestudios.com

Permalänk
Skrivet av save:

i html:en borde det tex se ut så här:

<div id="wrapper"> <ul id="menu"><li>meny</li></ul> <div id="content">innehåll</div> </div>

CSS:en borde se ut något sånt här:

#wrapper { width:960px; margin:0 auto } #menu { width:250px; margin:0; padding:0; float:left } #content { width:710px; float:left }

Ingen negativ margin-top ska behövas, lycka till!

Html:en har jag lagt precis så, så nu funkar det. Dock har jag fortfarande negativ margin-top, men det får vara så länge det fungerar.

Tack!