Avatar billede paradise_lost Nybegynder
16. juli 2003 - 14:12 Der er 16 kommentarer og
1 løsning

Korrekt afstand uanset opløsning

Halløj

Jeg er ved at lave et nyt design til en hp om som noget nyt så vil jeg prøve at lave designet med css. Men jeg er stødt ind i et problem. Jeg har 2 bokse ved siden af hinanden (menu+indhold) jeg vil gerne have at der er den samme afstand fra menu boksen og indhold boksen uanset skærm opløsningen og indhold boksen skal gå til 20px fra right.

Er det ikke muligt i css at sige at den skal gå fra menu boks + 20px til right - 20 px.

Den eneste måde jeg lige kan få det nogenlunde er ved at bruge % fra right, men det gir ikke den samme afstand imellem de 2 bokse.

Koden:

<style type="text/css">
body {
margin:0px;
}
#menu {
position:absolute;
left:20px;
top:120px;
width:150px;
background-color:666666;
}
#indhold{
position:absolute;
right:20px;
top:120px;
width:70%;
background-color:666666;
}
</style>

Håber at det er forklaret godt nok :)

Hilsen Ryan
Avatar billede ckh Nybegynder
16. juli 2003 - 14:15 #1
Avatar billede roenving Novice
16. juli 2003 - 14:22 #2
margin:20px -- er det du har brug for ?-)
Avatar billede paradise_lost Nybegynder
16. juli 2003 - 14:52 #3
Hmm det ser da godt nok lidt tricky ud
Avatar billede paradise_lost Nybegynder
16. juli 2003 - 14:53 #4
Margin 20px, ja men det hjælper da ikke på at den holder den samme placering både i venstre og højre side, eller gør det. Jeg kan ihvertigfald ikke få det til at virke :)
Avatar billede ckh Nybegynder
16. juli 2003 - 14:54 #5
Det er et spørgsmål om at få dækket diverse browsere ind så de ikke fejler i box-modellen
Avatar billede roenving Novice
16. juli 2003 - 14:55 #6
Jeg havde fat i det forleden, men blev efter nogle timers roden frem og tilbage enig med mig selv om, at livet var for kort til den slags, så jeg lavede grundstrukturen med en tabel ...
Avatar billede paradise_lost Nybegynder
16. juli 2003 - 14:55 #7
Oki, jeg prøver at rodde lidt med det. Tak skal du ha!
Avatar billede paradise_lost Nybegynder
16. juli 2003 - 14:56 #8
Hehe, ja men det er nemlig det jeg vil uden om :)
Avatar billede ckh Nybegynder
16. juli 2003 - 14:58 #9
Der er et hav af css-layouts du kan "lege" lidt med her:
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
Avatar billede roenving Novice
16. juli 2003 - 14:58 #10
Jeg så en, som havde fundet en dansk artikel om en css-opbygning som den du ønsker, men den kan jeg selvfølgelig ikke lige finde nu ...
Avatar billede paradise_lost Nybegynder
16. juli 2003 - 15:01 #11
ckh: Oki, takker
Avatar billede paradise_lost Nybegynder
16. juli 2003 - 15:02 #12
roenving: hehe, det er bare iorden. Efter et par timer mere så har jeg nok fundet udaf det :)
Avatar billede ckh Nybegynder
16. juli 2003 - 15:04 #13
En dansk forklaring (grundlæggende):
http://www.html.dk/tutorials/css/lektion9.asp
Avatar billede paradise_lost Nybegynder
16. juli 2003 - 15:19 #14
Den har jeg tjecket, syntes ikke rigtig der var noget jeg kunne bruge til noget
Avatar billede ckh Nybegynder
16. juli 2003 - 23:19 #15
Bortset fra det ligger løsningen i de ovenstående eksempler. De er bestemt ikke let tilgængelige, men de funker :-)
Husk at lukke spørgsmålet efter dig....
Avatar billede paradise_lost Nybegynder
16. juli 2003 - 23:31 #16
Ok, har endelig fået det til at virke, sidder nu og roder med det næste problem :(

Gider du ik lige svare, så får du point
Avatar billede ckh Nybegynder
17. juli 2003 - 10:31 #17
Svar :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester