Om ni minskar bredden på ert webbläsarfönster så kommer ni se att när #wrap blir mindre än 450 pixlar bred så går tabellen utanför dess kanter.
Jag kanske inte fattar vad du menar, men i min webbläsare ser det OK ut (Safari 5.0.6, Mac OS 10.5.8).
HTML & CSSur HTML, XHTML & CSS
6 svar · 726 visningar · startad av silfver
Jag vill att min #wrap ska anpassa sig efter bredden på dess innehåll. Av någon anledning så går tabellen (och annat innehåll för den delen) utanför den här containern.
Titta på mitt exempel som jag har gjort:
http://jsbin.com/unukiz/edit#html,live
Om ni minskar bredden på ert webbläsarfönster så kommer ni se att när #wrap blir mindre än 450 pixlar bred så går tabellen utanför dess kanter. Hur får jag innehållet att bestämma bredden på #wrap så att det inte flytar utanför?
Om ni minskar bredden på ert webbläsarfönster så kommer ni se att när #wrap blir mindre än 450 pixlar bred så går tabellen utanför dess kanter.
Jag kanske inte fattar vad du menar, men i min webbläsare ser det OK ut (Safari 5.0.6, Mac OS 10.5.8).
Jag kanske inte fattar vad du menar, men i min webbläsare ser det OK ut (Safari 5.0.6, Mac OS 10.5.8).
Det var ju typiskt att mitt exempel skulle fungera för dig i Safari. :p Jag har problemet i mobile safari. Se mitt bildexempel.
r\ Kan göra så här för att se buggen i Safari också:
http://jsbin.com/unukiz/2/edit
Om man sätter en fast bredd på tabellen blir det knas. Av någon anledning ignorerade Safari min-width.
Jag tror att det beror på att du satt min-width på #wrap till ett lägre värde än på table, men du har ju padding där också men inte så mycket.
Jag tror att det beror på att du satt min-width på #wrap till ett lägre värde än på table, men du har ju padding där också men inte så mycket.
Här är ett lite tydligare exempel:
http://jsbin.com/unukiz/12/edit
På nåt sätt måste man ju kunna komma runt det här och bestämma att det gula fältet aldrig får gå över det blåa, utan att det blåa i så fall alltid sträcker ut sig till minst av bredden av det gula!
Jamen...webbläsaren gör ju som du säger och du säger till den att minsta bredd på den yttre containern ska vara mindre än på den inre. Vilket ju blir bakvänt. Som att stoppa en stor låda i en mindre.
Det spelar ingen roll om #wrap har en min-width eller inte. Problemet kvarstår. Tänker jag fortfarande fel då?
Jag tycker ju att #wrap borde sträcka sig 100%, dock max 500px och minst 400px dynamiskt från #inner.