FAQ |
Kalender |
2006-12-05, 17:44 | #1 | |||
|
||||
Har WN som tidsfördriv
|
Hej,
Jag håller på att göra en lösning för jobbet. Jag har en applikation som sprutar ur sig fast HTML-kod med divvar och dylikt som inte går att ändra på. Det jag får är en rad ul-ar och li-ar som ska skapa en tabell och denna tabell ska kunna användas i IE6 med olika inställningar och upplösningar. Ja, så standardiserat som möjligt. HTML:en ser ut så här ungefär: <ul id='port_1'> <li class='description'>Description <li class='locked'>Lock <li class='param'>Parameter[/list]<ul id='slot_1'> <li class='description'>Description <li class='locked'>Lock <li class='param'>Parameter[/list]<ul id='kod_1'> <li class='description'>Description <li class='locked'>Lock <li class='param'>Parameter[/list]<ul id='port_2'> <li class='description'>Description <li class='locked'>Lock <li class='param'>Parameter[/list]<ul id='slot_2'> <li class='description'>Description <li class='locked'>Lock <li class='param'>Parameter[/list]<ul id='kod_2'> <li class='description'>Description <li class='locked'>Lock <li class='param'>Parameter[/list]<ul id='port_3'> <li class='description'>Description <li class='locked'>Lock <li class='param'>Parameter[/list]<ul id='slot_3'> <li class='description'>Description <li class='locked'>Lock <li class='param'>Parameter[/list]<ul id='kod_3'> <li class='description'>Description <li class='locked'>Lock <li class='param'>Parameter[/list] Dessa ska rada upp sig fint och lydigt i en tabell enligt: port_1 slot_1 kod_1 port_2 slot_2 kod_2 port_3 slot_3 kod_3 li-arna ska för övrigt rada upp sig på rad men det är lätt fixat. Att få port_# att lägga sig längst till vänster sköter jag med clear: left; och float: left; Det mesta skulle nog vara frid och fröjd om man kunde skriva kod_# clear: right; men det följer inte IE6 (de följer inte W3-standarden tydligen). Problemet som det är nu är att slot_2 hamnar efter kod_1 i vissa fall, ett problem jag bara kan lösa genom att sätta bredden så att den automatiskt skuttar ner på andra raden. Detta sätt är alltså inte att föredra då det måste fungera för olika upplösningar och så. Har ni något tips på hur jag ska göra? Nåt CSS-hack som fungerar i såna här lägen? mvh Christoffer |
|||
Svara med citat |
|
|