Vet någon hur man kan resiza ett fönster till en viss del?

Permalänk
Medlem

Vet någon hur man kan resiza ett fönster till en viss del?

Så jag har plockat upp webb designen igen men är konfunderad över att göra så att sidan går att förminska (genom att göra fönstret mindre t ex) och sedan stanna efter ett tag. Pröva Sweclockers t ex, om man gör webbläsar fönstret mindre så försvinner marginalen gradvis, men sen stannar den efter ett tag (och man blir tvungen att scrolla i sidled)

Här är en snabb testsida jag slängde ihop:
http://codepen.io/anon/pen/Dxwki

Som ni ser så blir sidan bara skit när man gör den "för liten" Så jag vill liksom sätta en gräns. Jag har testat min och max width men är inte säker på hur det funkar.

Permalänk
Inaktiv
Skrivet av Baxtex:

Så jag vill liksom sätta en gräns. Jag har testat min och max width men är inte säker på hur det funkar.

Hej!

Du kan sätta min-width på t.ex. body-taggen:
http://codepen.io/anon/pen/EBtvF

Permalänk
Medlem

Gött, tack för hjälpen!

Permalänk
Medlem

Istället för att göra en ny tråd återupplivar jag denna lite. Att sätta min width på body taggen funkade bra! Dock så vill ajg göra lite mer stuktuerard html och funderar på hur jag ska lösa detta samtidigt med auto resizen.

Såhär vill jag har min html:

<body> <div id="container"> <div id="header"></div> <div id="body"></div> <div id="footer"></div> </div> </body>

Men säg då att jag vill ha både footer och headern sträcka sig över hela sidan, dvs med 100% width i body taggen såhär:

<body> <div id="header"></div> <div id="container"> <div id="body"></div> </div> <div id="footer"></div> </body>

Då ser det väldigt hackigt ut. Jag vill alltså ha headern och footer gå över hela sidan, men jakg vill ha dem i samma container. Är det möjligt?

Här är en grej jag experimenterade med: http://codepen.io/anon/pen/fImvB

Hur får jag bort det vita tomrummet högst upp och längst ner?

Permalänk
Medlem
Skrivet av Baxtex:

Istället för att göra en ny tråd återupplivar jag denna lite. Att sätta min width på body taggen funkade bra! Dock så vill ajg göra lite mer stuktuerard html och funderar på hur jag ska lösa detta samtidigt med auto resizen.

Såhär vill jag har min html:

<body> <div id="container"> <div id="header"></div> <div id="body"></div> <div id="footer"></div> </div> </body>

Men säg då att jag vill ha både footer och headern sträcka sig över hela sidan, dvs med 100% width i body taggen såhär:

<body> <div id="header"></div> <div id="container"> <div id="body"></div> </div> <div id="footer"></div> </body>

Då ser det väldigt hackigt ut. Jag vill alltså ha headern och footer gå över hela sidan, men jakg vill ha dem i samma container. Är det möjligt?

Här är en grej jag experimenterade med: http://codepen.io/anon/pen/fImvB

Hur får jag bort det vita tomrummet högst upp och längst ner?

För att ta bort det via tomrummet behöver du ta bort margin som är på H1 och H3 elementen.

T.ex.

h3 { margin:0; } h1 { margin:0; }

Permalänk
Medlem
Skrivet av jonke:

För att ta bort det via tomrummet behöver du ta bort margin som är på H1 och H3 elementen.

T.ex.

h3 { margin:0; } h1 { margin:0; }

Tack! Jag kollade med inspect element i chrome, men såg bara att det vita skulle vara en del av bodyn :S

Okej, ett problem till: http://codepen.io/anon/pen/fImvB

Jag har satt bodyn till grön för att det ska vara lättare att se. Jo som ni ser så sticker bodyn ut en hel del under min sida. Om jag gör min mellersta content del större så puttas ju footern ner och det ser bättre ut men om jag bara vill ha den i den höjden jag har den i nu så blir det ju problem. Om jag gör min container div större så flyttas ju inte footern till botten ändå. Jag har prövat att sätta en height på min container och sedan sätta margin top på min footer men det ser inte likadant ut i alla webbläsare. Och om man dessutom zoomar ut eller in så blir det knasigt på det sättet.

Vad är det bästa sättet att positionera min footer på?