webForumDet fria alternativet

Problem med positionering av DIV

HTML & CSS

5 svar · 305 visningar · startad av shun

Medlem sedan mars 2004230 inlägg
Frågan#1

Hej.
Jag har letat runt en del på forumet efter lösningar men har inte hittat något, har jag hittat något så är jag så dåligt påläst på området att jag inte förstått det ändå.. Här kommer mina frågor:

1 Hur gör jag för att min högra kolumn ("sidebar" i koden) ska sträcka sig längre än vad den gör? Den är tänkt att anpassa sig efter "package", som beror på höjden av "content"-DIV:en.

2 Jag har tidigare alltid utgått från iexplorer (6.0), men nu testade jag att titta på sidan i firefox och såg att det mesta såg.. oacceptabelt ut.. Vilka fel gör jag? Vill helst (så klart) se lösningar som gör att sidan ser likadan ut i alla browsers..

HTML och CSS
mvh

Medlem sedan jan. 2000978 inlägg
#2

Enklast blir nog om du tittar på det här enkla exemplet och kör med den modellen.
http://www.456bereastreet.com/lab/two_columns_header_footer/

Medlem sedan mars 2004230 inlägg
#3

Jag vet inte om det är jag som gör fel eller vad, men så här testade jag:

Sparade först css och xhtml på hårddisken, men döpte om webbsidan till html för att jag ska arbeta i html. Tog även bort doctype o.s.v.
Efter det testade jag, och nu blev det varken centrerat eller jämnt där sidebar gränsar mot footer.. bifogar bild

Medlem sedan mars 2004230 inlägg
#4

Då får vi se om det fungerar nu..

1.jpg
Medlem sedan jan. 2000978 inlägg
#5

Nej, grejen är att sidebar inte sträcker sig ända ner. Det är ett vanligt problem. Man kan lösa det genom att ha en bakgrundsbild som ger skenet av att sidebar sträcker sig längre än den gör.
http://www.alistapart.com/articles/fauxcolumns/

/Red
Ett annat bra exempel:
http://www.alistapart.com/d/negativemargins/ex5.htm

Medlem sedan jan. 2000978 inlägg
#6

Förresten, varför tog du bort doctype?

251 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
117 ms — ändringar (db)