Boxe posistion

Tags:    html css

Hey!

har brugt position:absolute; til at placere mine boxe et bestemt antal pixels fra top og left/right. De skulle gerne holde samme afstand til midter contentet, men hvis, at man kører i en større opløsning, følger boxene med = de står stadig ude i kanten af browseren, men de skaber nu større mellemrum ind til midter contentet.

Her er, hvordan de gerne sskulle stå:
http://www.guild-metus.com/xflightx/1024x768.jpg

Her er, hvordan de ser ud i 1280x1024:
http://www.guild-metus.com/xflightx/1280x1024.jpg

Hvad er der galt??

Og her er linket til siden: http://www.guild-metus.com/xflightx/Untitled-4.php




Indlæg senest redigeret d. 16.05.2007 16:39 af Bruger #11631
8 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
well tricket er faktisk at du som du allerede har gjort placerer dine menuboxe som du allerede har gjort. Du skal så lade være med at sætte nogen width på din content box og sætte margin-left og margin-rigth på den. Ideen er at du sætter margin til den afstand den skal have ud til browser kanten dvs bredden af din menubox + evt 5 pixels tomrum imellem boxene.



Hmm...Det virker ikke så godt. Så flyder main content boxen bare ud :S http://www.guild-metus.com/xflightx/Untitled-4.php

For det er sådan her, at du mener, ikke?

Fold kodeboks ind/udKode 




nu er jeg ikke helt klar over hvor brede dine menuer er men det er nok noget i stil med:
Fold kodeboks ind/udKode 




Hvis du istedet vil have menuerne til at sidde klistret ind til din content box og den så skal være statisk i bredden skal du lave en wrapper der er lige så bred som venstre menu + content + højre menu og smide alle dine divs derind og derefter centrere den.



Mine menuer er 150px i bredden og min "midte" er 665px.



Ok, tror, at vi er gået lidt fejl af hinanden. Nu er menuerne godtnok tæt på midter contentet, men midten er til gengæld strukket vildt ud, som den ikke skulle være :/
http://www.guild-metus.com/xflightx/screenshot3.png





Indlæg senest redigeret d. 16.05.2007 18:09 af Bruger #11631




Indlæg senest redigeret d. 17.05.2007 22:28 af Bruger #11631
Prøvede med Wrapperen, men det virkede ikk helt...men så fik jeg dette tip:

#container {
position: relative;
width: 950px;
margin: auto;
}

Og NU virker det bare!! Tak :D



t