Hey alle Jeg er ved at lave en hjemmeside til konen, og er stødt ind i et problem. Hjemmesiden består af en baggrund (placeret i body taget) og 2 div's ("outer" og "content"). Begge div's skal være placeret i midten af siden (vertikalt). "content" skal være inde i "outer" med en afstad på 210 px fra top. Baggrunden af "Content" skal kun indeholde billedet med bogen. Papirlappen, saksen, kridtet mm. skal være baggrunden på outer. Problemet er at jeg ikke få blyanten i bogen til at flugte den del der er på laget under + så dækker bogen for meget af papirlappen. HTML delen: http://pastebin.com[...] CSS delen: http://pastebin.com[...] Sådan skal det gerne se ud: http://img808.imageshack.us[...] Fejlene: http://img59.imageshack.us[...] Er der ikke en af jer der kan fortælle mig hvad jeg gør galt. På forhånd tak.
--

#1
nybro
Super Supporter
21-03-2011 16:35

Rapporter til Admin

Er der ikke en der lige kan hjælpe mig. Sidder totalt fast :(
--

#2
Ricky
Gæst
21-03-2011 20:44

Rapporter til Admin

Er lidt uklart på hvad dit spørgsmål egentlig er. Men for at få blyanten til at passe skal du lege lidt med margin på din div i dit stylesheet. Hvis papirlappen skal ligge ovenover bogen skal du have den div hvor den ligger over den hvor bogen er i. Hvis du bare vil rykke papirlappen skal den have en div for sig selv som du igen skal style i stylesheet og derved lave dens placering
--
Gæstebruger, opret dit eget login og få din egen signatur.

#3
nybro
Super Supporter
21-03-2011 21:14

Rapporter til Admin

Det lyder også lidt kringler, men i bund og grund så vil jeg have de to lag til at overlappe hinanden på midten (vandret), og det øverste lag skal efterfølgende sænkes 210px. Jeg har prøvet med postion:absolute, relative og med margin: 0 auto, men intet hjælper. Lige nu er css koden som følgende: body {background:url(Images/- BG.jpg) repeat; } #outer { width: 1600px; margin:0 auto; position:absolute; margin-left:auto; margin-right:auto; height:1100px; background:url(I- mages/bord_BG.png) no-repeat; z-index:1; border:#666; } #content { width:1000 px; margin:0 auto; position:absolute; margin-left:auto; margin-right:auto; background:url(Images/Book.png) no-repeat; height:680px; z-index:100; border:bor- der:#666; }
--

#4
nybro
Super Supporter
21-03-2011 21:15

Rapporter til Admin

Hmm prøver lige med pastebin: http://pastebin.com[...]
--