Margin-left, ved width:100%

Tags:    css3

<< < 12 > >>
Jeg skal se om jeg kan forklare problemet ordentligt, men ellers må I lige prøve at spørge mere ind.

Siden er bygget op med
1. Wrapper
2. Header
3. Menu
4. Leftsidebox
5. Content
6. rightsidebox
7. footer

Jeg har sat wrapperen til 100% width, da den skal fylde HELE siden ud.
Mit problem kommer ved punkt 4, 5 & 6. Disse skal stå "side om side" så at sige. Altså | | | - Hvis I kan forstå det. Jeg har sat leftsidebox og rightsidebox til 25% hver og content til 50%.
(I alt 100% ;))

Anyway.
Mit problem kommer ved margin-left. Jeg er vant til at bruge px her.
hvis jeg f.eks. ved rightsidebox skriver margin-left: 100% - så smider den sig ikke ud i højre hjørne :s??? Er det bare mit program der går lidt amok, eller hvad skal jeg gøre?




Indlæg senest redigeret d. 17.04.2013 09:44 af Bruger #17534
17 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
Nej ... Den ene er ikke bedre end den anden



Margin-left: 100%?
Så siger du vel at den skal have en margin på samme bredde som skærmen? Så den burde ligge udenfor skærmen faktisk ville jeg mene?
Er de sat med absolute position eller relative?
For ellers ville jeg mene at du burde kunne gøre det enten med float: left eller display: inline-block.



Prøv, at give den float: right i stedet for margin.



De er pt. sat til absolute position.
Men ja - jeg kan ikke få det til at virke :s Den smider sig ikke ud i højre side.

Dan:
Jeg vil prøve :)



hvis den er abosolute positioned er der vel ingen grund til margin eller float ?



Dan:
Det skulle der meget gerne være, da den stadig skal have at vide hvor den skal placeres ;)



hvordan placeres ... man kan sagtens placere uden absolute positioning

http://jsfiddle.net/rvnYL/



Indlæg senest redigeret d. 17.04.2013 12:13 af Bruger #17081
Det ved jeg godt at man kan :)
Mit problem er skrevet længere oppe, og som jeg også skriver; Den er pt. bare placeret på ansolute. Mangler forslag til hvordan jeg skal få den til at reagere for at få det ønsket resultat :)



med absolute position bliver det:
4. Leftsidebox
left: 0px;
top: (header + menu height?) px;
5. Content
left: (width of leftsidebox) px;
top: (header + menu height?) px;
6. rightsidebox
right: 0px;
top: (header + menu height?) px;



Fold kodeboks ind/udCSS kode 

Fold kodeboks ind/udHTML kode 


Det er som regel utrolig dårlig kodestil at gøre brug at margin og/eller position absolute for at placere elementer.

Dette her setup virker.


Og btw, hvis din wrapper er width 100%; Hvad er så meningen med den?



Indlæg senest redigeret d. 17.04.2013 16:15 af Bruger #16838
<< < 12 > >>
t