webForumDet fria alternativet

Div med 100% full width?

HTML & CSS

5 svar · 536 visningar · startad av tulle

Medlem sedan juni 20123 inlägg
Frågan#1

Till mitt senaste projekt hade jag tänkt mig bygga upp det efter "header -main footer" principen och ville där få till så att header och footer är 100% full width, om ni förstår vad jag menar?

Vad är det bästa sättet för mig att göra det på?

/ Tulle

Medlem sedan juni 20019 519 inlägg
#2

div är ett block element så den kommer ju alltid vara 100% av dess förälder, menar du att ditt innehåll inte skall vara 100% så du kommer ha 3 block: header, main-content och footer?

Medlem sedan juni 20123 inlägg
#3

Men typ så som http://miljosanering.nu/ är uppbyggt...

Precis 3 block: header - maincontent - footer

Medlem sedan juni 20019 519 inlägg
#4

det är ju bara maincontent du behöver sätta en bredd på och centera den.

jag hade haft en struktur:

header
    block
main
footer
    block

där main, block har samma bredd och marginal för att centera alla block.. så har du samma bredd på allt innehåll.

Medlem sedan juni 20123 inlägg
#5

Aa jo, men jag vill inte ha samma bredd på allt, utan bara att header och footer är 100% bredd... Förslag på CSS kod?

Medlem sedan juni 20019 519 inlägg
#6

du behöver ingen css för att sätta ett block element till 100%. Jag har svårt att förstå din fråga eller problem.

http://jsbin.com/uzowoz/

är mitt exempel från förra inlägget, om du nu inte vill ha headern, body och footer skall ha samma bredd (dess innehåll) ta då bort klassen block från dom.

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