webForumDet fria alternativet

Bakgrundsdiv bör anpassa sig efter tabellens bredd

6 svar · 881 visningar · startad av silfver

silfverMedlem sedan apr. 200312 679 inlägg
#1

Jag och mina tabeller...

http://jsbin.com/ukuxoc/2/edit

Kan man på något sätt göra så att den gröna bakgrundsdiven följer med den rosa tabellen?

voigtann1Medlem sedan juni 20019 519 inlägg
#2

Float på din div? Eller sätt det som ett inline-block som display

silfverMedlem sedan apr. 200312 679 inlägg
#3

voigtann1 skrev:

Float på din div? Eller sätt det som ett inline-block som display

Ursäkta världens senaste svar. Men ditt tips fungerar inte.

Jag har uppdaterat länken så förstår du designidén och varför det kraschar (förutsatt att du inte har superhög upplösning):
http://jsbin.com/ukuxoc/3/edit

Den gröna diven måste skrivas ut helt, för där kommer det vara en bred bild som alltid ska vara helt utskriven. Bredden kommer variera.

Jag vill ju inte ha float på header eller footer för då ballar sidan ur. Den ska ju fortfarande gå 100 %. Hm. Förstår inte varför läsaren ballar ur när man gör så här.

voigtann1Medlem sedan juni 20019 519 inlägg
#4

vad är det för rosa?

table {background:pink; table-layout:fixed;}

säger något om en tabell, men ser ingen tabell i din kod.

men det bli nog svårt att lösa, diven är 100% av dess förälder.

silfverMedlem sedan apr. 200312 679 inlägg
#5

voigtann1 skrev:

vad är det för rosa?

table {background:pink; table-layout:fixed;}

säger något om en tabell, men ser ingen tabell i din kod.

men det bli nog svårt att lösa, diven är 100% av dess förälder.

Glöm tabellerna. http://jsbin.com/ukuxoc/4/edit

Okej, jag får sätta bredden på body med jquery då antar jag om div överstiger viewportbredden.

Eller har du en bättre idé?

silfverMedlem sedan apr. 200312 679 inlägg
#6

silfver skrev:

Okej, jag får sätta bredden på body med jquery då antar jag om div överstiger viewportbredden.

Eller har du en bättre idé?

http://jsbin.com/ukuxoc/5/edit

voigtann1Medlem sedan juni 20019 519 inlägg
#7

silfver skrev:

http://jsbin.com/ukuxoc/5/edit

fungera ju, svårt att säga vad du bör göra med din kod just nu, vet inte riktigt vad du vill göra ;)

129 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)