Hjälp med en div som flyttar sig

Permalänk
Medlem

Hjälp med en div som flyttar sig

Jag sliter mitt hår! Jag behöver hjälp!!!

Jag har gjort en sida utefter en pizzaägares önskemål. Men jag har problem! Jag har en wrapper, en innerwrapper, en header, en container1 där endast bilder kommer att ligga och en container2 där sidans navigation ligger.

Mitt problem är att sidan visas som den ska på index-sidan. När jag sen ska kolla första länken i menyn, då flyttas hela menyn ner x antal pixlar.

Vad gör jag för fel???????????

Sidan ligger här än så länge: www.monkan.net/kilspizzan

Kan någon vänlig själ kolla koden?

Mvh
Monika

Permalänk
Medlem

Testa att absolut positionera menyn i containern?
Orkade inte lusläsa source men ser ganska bra ut.

Visa signatur

"Riktig fakta? kolla ut genom fönstret på snön och all jävlighet där har du riktig fakta, eller de som går där i kylan, idioter, det är riktig fakta" -- Ett fyllo på bussen, ganska trevlig ändå :)

Permalänk
Medlem

"Floata" båda dina containers med left och använd inte absolut positionering så ska du se att det löser sig. Absolut positionering är aldrig en bra idé i 99% av fallen imo.

Visa signatur

Asus P6X58D-E, Intel i7 930, Corsair XMS3 DDR3 PC12800/1600MHz CL9 3x2GB, Intel X25-M G2 80GB, Samsung SpinPoint F3 1TB, Sapphire Radeon HD5770 Vapor-X, Corsair HX650, Noctua NH-D14, Fractal Design Define R2

Permalänk
Medlem

Tackar, provade att positionera hela containern, men det ville inte funka. Provade att lägga till position:absolute; i diven vertmenu men det blev också tokigt!

Kan inte förstå hur två precis likadana sidor, med undantag för innehållet i container1 kan bete sig så olika.

Permalänk
Medlem

Chrazy: tack, båda är floatade left nu och positionering absolute borttagen, ändå hoppar meny h-vetet ner ....

Permalänk
Medlem

container 2

background-color:white; border:1px solid #99CC00; float:left; height:500px; margin-top:10px; width:170px;

container 1

background-color:white; border:1px solid red; float:left; height:auto; margin-bottom:10px; margin-top:10px; width:651px;

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Chrazy
"Floata" båda dina containers med left och använd inte absolut positionering så ska du se att det löser sig. Absolut positionering är aldrig en bra idé i 99% av fallen imo.

Inom en container kan det vara en bra idé om man vill vara säker på att den är där den ska vara, som man ofta vill med menyer.
Men att absolut positionera en hemsida kan jag hålla med om att det är en dålig idé i 99% av fallen

Visa signatur

"Riktig fakta? kolla ut genom fönstret på snön och all jävlighet där har du riktig fakta, eller de som går där i kylan, idioter, det är riktig fakta" -- Ett fyllo på bussen, ganska trevlig ändå :)

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av jocke92
container 2

background-color:white; border:1px solid #99CC00; float:left; height:500px; margin-top:10px; width:170px;

container 1

background-color:white; border:1px solid red; float:left; height:auto; margin-bottom:10px; margin-top:10px; width:651px;

Tackar, menyn hoppar upp och ligger smäck intill container1 men wrappern ligger endast runt headern nu, båda containerna ligger utanför...

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Chrazy
"Floata" båda dina containers med left och använd inte absolut positionering så ska du se att det löser sig. Absolut positionering är aldrig en bra idé i 99% av fallen imo.

mycket dåligt råd att ge till en nybörjare. Nu syftar jag på det om Absolute pos.

Absolut positionering har sin roll när den behövs precis som dom andra positionerings typerna.

Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av BlueEyes
mycket dåligt råd att ge till en nybörjare. Nu syftar jag på det om Absolute pos.

Absolut positionering har sin roll när den behövs precis som dom andra positionerings typerna.

Det får vara din åsikt. Min åsikt är att absolut positionering används av nybörjare för att de inte vet bättre sätt att placera sina element där de vill ha dem. Givetvis finns det undantag (i och med min 99% klausul). Nu pratar jag enbart om en grundstruktur för en sida. Absolutpositionering är ett måste när det gäller till mer aktiva element (dialoger, popuper etc). Men så är inte fallet här. Vi alla hade säkert kunna lösa problemet på varsitt sätt.

Visa signatur

Asus P6X58D-E, Intel i7 930, Corsair XMS3 DDR3 PC12800/1600MHz CL9 3x2GB, Intel X25-M G2 80GB, Samsung SpinPoint F3 1TB, Sapphire Radeon HD5770 Vapor-X, Corsair HX650, Noctua NH-D14, Fractal Design Define R2

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av monkan68
Tackar, menyn hoppar upp och ligger smäck intill container1 men wrappern ligger endast runt headern nu, båda containerna ligger utanför...

Sätt overflow : hidden på din wrapper.

Visa signatur

Asus P6X58D-E, Intel i7 930, Corsair XMS3 DDR3 PC12800/1600MHz CL9 3x2GB, Intel X25-M G2 80GB, Samsung SpinPoint F3 1TB, Sapphire Radeon HD5770 Vapor-X, Corsair HX650, Noctua NH-D14, Fractal Design Define R2

Permalänk
Medlem

GULD

Tack alla för hjälpen! Man sitter och provar med t ex overflow och position hit och dit och till slut är allt en enda röra. Nu är det precis som det var tänkt!!!! Tusen rosor till er, ni har gjort min dag

Permalänk
Medlem

Är det tänkt att titeln på sidan ska vara Rodins trädgård?

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Garret
Är det tänkt att titeln på sidan ska vara Rodins trädgård?

Nej nej, jag såg det oxå precis. Rodins trädgård är en annan sida jag gjort men med 3 divar i containern. Jag "lånade" min struktur från den sidan när jag började koda pizzasidan. Ska genast ändra