Hej!
Sitter och nu försöker reda ut alla småbuggar som uppkommer i diverse olika browsers så att designen ser lika ut oavsett webläsare. Nu har jag stött på ett litet problem som finns i IE6.

Här är felet.
http://img199.imageshack.us/img199/4884/errc.jpg

Eftersom det är relativt mycket kod så länkar jag till filerna som har koden i sig.
http://stylingwebben.se/test/index.html
http://stylingwebben.se/test/stylesheet/default.css

Hur fixar jag denna IE6 bugg? (använder IETester för att testa olika IE versioner)

Borde fungera!

Eller ja, fixa inte det. Varför lägga ned tid på en klient som är 8år gammal? Uppmana alla till att uppdatera istället med anvisningar.

Visst det är bar att uppmana men det finns dom som sitter på gamla system och helt enkelt inte kan bokstavligt talat uppgradera av olika anledningar. Och i fall designen på min hemsida gör att dom får ett osäkert intryck av min butik så köper dom inte. Jag försöker göra så att IE 6.0 och framåt kan använda.

Nepp inte det. Vad är vitsen med att floata en td?

#headerRightset fyller upp hela toppen med sitt utrymme, förutom "logodiven". Är det något element i #headerRightset som fyller ut den?

Det var väldigt svårt att se på din bild, svårt att skilja de båda skärmdumparna åt, om det nu var två stycken. En för IE6 och en för de andra.

Hur som helst så brukar jag lösa fel med felpositionering genom att sätta en negativ margin för IE6. Vet inte om det är rätt div jag använder i exemplet nedan men hoppas du förstår vad jag menar.

<!--[if IE 6]>
<style type="text/css">
#topMenu {margin-top: -8px;}
</style>
<![endif]-->

Du har tre områden (<div>) innanför varandra som vad jag kan se inte tillför något, sen har du en tabell längst in och i tabellcellerna har du ytterligare en serie områden. Lite för mycket vad jag kan se.
IE&, om man nu ska ägna någon uppmärksamhet åt den, har en notorisk oförmåga att ärva bredd från det överordnade området, medan firefox och nyare IE klarar av att hålla innehållet på plats.
Mitt tips är att skippa alla dessa nästade områden och tabellen och bara rada upp flikarna antingen som områden med float eller som lista med display:inline.

Alla nestade divar har med bakgrunden att göra, en div för mitten som repeterar sig i xled, och sen var sin div på sidorna för att göra en kant effekt.

Jag förstår inte vad ni menar men margin med negativt värde, hur ska man tänka näm man använder sig av det tricket?

Altså den har inte lagt sig dåligt utan problemet är att den sträcker ut sig maximalt, ungefär som witdth:100%, fast eftersom detta är en float med ingen width angett så ska den ha minsta möjliga värde. I alla utom IE6 har den minsta möjliga bredd.

ojoj! vet knappt vart jag ska börja, skulle va jävligt lätt för mig att bara säga gör om och gör rätt men det skulle inte vara så givande.

I vilket fall så verkar du ha missat skillnaderna mellan id och klasser, id ska vara unikt i din kod är det inte många id'n som är unika :)

Det verkar också som att du försöker göra allt flexibelt åt alla håll och kanter, skulle i vilket fall gå att korta ner koden markant. Sen kan man ju överväga semantisk markup, css sprites och få lite mindre request's på servern.

Menyn här är också katastrof.. använt tabell bara för det vart bekvämt i någon wysiwyg editor? känns som det. gör om till en vanlig lista, hårdkoda inte in uhm 5? nestlade divvar för att få länken active (blå). skulle kunna lösas med descendent selector från bodyn, bah slänga in en klass på bodyn beroende på sida man är på.

Använd meningsfulla namn i markupen, ibland är det camelCase ibland alla lowercase ibland cameClase_1 ibland lower-case, bestäm dig för en och håll dig till det. Döp också elementen till vad de är och inte vart de är placerade eller hur det ser ut/är positionerade på skärmen.

Hel del mer jag skulle kunna tillägga men, tyvärr så måste jag säga att börja om från början och gör rätt! för det där kommer inte hålla i längden ändå, kan nästan garantera att någon/du kommer börja om från början i framtiden för att uppdatera det där. heh tror jag inte någon vill ge sig på.

Menar absolut inget illa med det jag skriver, du får gärna kontakta mig privat om det är något som känns luddigt eller om du bara vill ha hjälp eller helt enekelt bara vill tjöta lite html/css.

Hej,

ser att du använt ”quirksmode”, kanske dags att bita huvudet av det gamla trollet och ta klivet in i strict mode? Nu erbjuder ju inte IE6 standard ens i strict mode, men man kommer i alla fall närmare ett konsekvent beteende mellan IE6 och ”vuxna” webbläsare som FF, Safari, Chrome etc. Så byt detta:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

…mot detta:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Det kommer säkert temporärt förstöra hela din design sedd i IE6, men du har igen det i längden. Jag lovar. För övrigt är ju IE6 predestinerad att så småningom helt dö ut, och då är det ju bättre att din design är byggt för framtiden istället.

/m

Han använder inte quirksmode, ingen anledning att gå över till Strict i detta läge, Transitional funkar gott det också.

Oj vilka begrepp och avancerat snack :D.

1. Detta är min första seriösa design/hemsida gör gör i mitt liv. Kunde inte ett skit html/css när jag började. Jag vet inte heller vad som är fel på mitt arbetssätt och jag vet inte heller hur jag ska kunna fixa till del. Denna designen kom huvudsakligen från en annan designer så men kan säga att jag härmar hans stil. Tydligen så är det en värdelös stil att härma :( men tråkigt nog den enda jag känner till. Jag får hela tiden höra gnäll om mina nästade divar men sorglig nog vet jag inget annat sätt att göra det på så det är helt omöjligt att göra om och göra rätt.

Det ni säger om "quirksmode" och "strict" är för mig helt obegripligt och aldrig hört talas om.

Det känns samtidigt dumt att som att fråga när man ska använda ID och classer när ni är på en helt annan nivå än mig men samtidigt om man frågar det i ett annat forum får man svar från nybörjare som är sämre än jag.

Att ersätta 5 divar med ! 1 ! class... MAGI!

Era fina inlägg ni just gjorde, totalt sågade sönder mitt arbete jag har pillrat på i över ett halvår. Att höra "gör om gör rätt", gör inte saker och ting bättre när man trodde man var 99,98% klar :( Känns som att man bara vill knyckla ihop designen och göra om men faktum är att jag inte vet vad som ska ändras för att göra någon skillnad.

Har ni några bra rekommendationer på vad jag ska göra för att avancera en nivå?

http://en.wikipedia.org/wiki/Quirks_mode låter wikipedia tala istället, bra nyttig information där om hur det fungerar.

quirksmode och strict? hmm tror föregående talare menade, quirks mode och standards mode.

Om någon klankar ner på din designstil så tycker jag bara du ska ignorera det. Alla tycker olika det sköna är ju att alla inte kan gilla det ;) Sen om man snackar användarvänlighet osv så är ju det en annan femma.

Tyvärr så måste man få höra sanningen någon gång, att du under 6 månader har hoppat över de mest grundläggande inom html och css är lite synd.

Du får självklart slutföra din kodning som den är det är inget fel med det, men det finns bättre sätt för att undvika herrans med onödiga request till servern, laddningstid etc. :)

Erbjudandet står fortfarande kvar, du får mer än gärna slänga en add på msn ( jens (at) iamfake . com )och tjöta lite. Om du har intresset och viljan att verkligen ta det hela till en ny nivå.

Nå nå. Nu har jag gjort som så att jag laggt ut en "annons" i förmedlingstråden om att jag söker en kunnig designer som kan rätta till min kod. Gör på det sättet eftersom jag inte har tid att lära mig allt detta, har ett företag som måste växa och det här är en extremt smal flaskhals för mitt företag.

Hjalmarsson, jag la till dig på msn.

Här har du ett tips: Designing With Web Standards av Jeffrey Zeldman

Rolig, lättläst och väldigt bra bok med massa matnyttigt :)