webForumDet fria alternativet

Centrera en fast och en flytande kolumn?

HTML & CSS

4 svar · 531 visningar · startad av boris12

Medlem sedan jan. 200812 inlägg
Frågan#1

Har en layout med 2 kolumner. Den ena är fast bredd i px och den andra är bredden satt i %. Problemet är att jag inte lyckas centrera sidan när jag inte kan sätta width på wrapen runt om.

Hur löser jag det?

Medlem sedan mars 2007522 inlägg
#2

varför är bredden satt i %?

Medlem sedan jan. 200812 inlägg
#3

symbolism skrev:

varför är bredden satt i %?

För att det är bättre än px så att den anpassar sig efter webbläsarfönstret.

Medlem sedan aug. 20068 090 inlägg
#4

Vad är vidden på wrappern? Det är ju den du skall anpassa till fönstret i så fall. Det finns väl fler sätt att lösa detta, men ett kan t.ex. vara:

body/html: sätt margin eller padding vänster o höger till den "marginal" du vill ha (om du vill ha nån)
wrapper: sätt ingen bredd alls, eller bredd 100%
Ena divven: Sätt exakt bredd i px
Andra divven: Sätt ingen bredd alls - eller bredd 100%

Medlem sedan nov. 20051 596 inlägg
#5

Nu visade du ingen kod för att visa varför det inte går att centrera din sida.
Men om man nu har en design, där innehållet är viktigare än att tvinga användare att använda sidoscroll, så är mitt exempel nedan ett exempel på hur man kan göra.
% kan vara lite knepigt då webläsarna ibland räknar olika. Men man kan med lite fixande få det att fungera åtminstone nästan likadant. Men som du kan se så ändras avståndet till högerkanten hela tiden då man ändrar bredden på fönstret.
Exemplet ändrar ordningen så att sidan går att anpassas ända ner till mobil utan egen fil eller sidoscroll.
Eftersom jag personligen försöker anpassa sidor till funktionshindrade så ska denna design inte brytas förrän upplösningen är mindre än 800px.
Kanske kan du få något tips här: http://member.webforum.nu/9656/test.html

266 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
129 ms — ändringar (db)