Webbutvecklingur Webbutveckling - Övrigt
54 svar · 2 769 visningar · startad av ramo_and · sida 2 av 3
Jag blir f\n inte klok på Internet Explorer! Ingenting funkar ju som det ska där.. Jag vill göra några enkla css grejer bara men det funkar inte alls bra. På sidan jag håller på med kommer vi ha en topplista som visar dom mest sålda produkterna. I Firefox ser den såklart bra ut min inte i Internet Explorer. Enkla saker som background o border funkar inte ens.. Jag har använder IE toolbar eller
Läs frågan i sin helhet →Jag skulle behöva hjälp med menyn till höger, "topplistan", "port nordic tipsar" och "kampanjvaror". Den funkar perfekt i Firefox men inte alls bra i Internet Explorer. Det funkar inte heller helt i Safari och Crome...
Hur skall jag lösa detta?
EDIT: Har även problem med den röda "kampanjpris-remsan" på vissa produkter i IE. Den funkar inte alls där plus att köp-knappen försvinner. Varför blir det så?
Hur mycket HTML har du gjort? sidan validera inte alls
istället för att wrappar på alla tr som du gör med jquery, letar upp alla td istället och lägg till en klass på den istället
$(".twsright table td").addClass("trWrapper");
istället för att bryta html struktur, det finns ju trots allt regler på vad man få göra inom html. dock behöver du kanske fixar att inet har vänster och höger border synlig på td, utan på tabellen.
Jag har gjort lite grann själv. Det jag har lagt till är menyn i sidhuvudet, twitter-nyheterna och samarbetspartners i vänsterkolumnen, samt rubrikerna i högerkolumnen. I mittenkolumnen har jag ändrat strukturen lite på produktsidan med en wrap via jQuery.. det gjorde jag för att få det att funka även i Internet Explorer.
Nu har jag ändrat så att jag lägger till en klass istället för att köra en wrap. Men de blir helt knas i IE. När jag säger åt den att lägga en bakgrund på en tr så lägger den bakgrunden på varje td i denna tr.. Ja du kan ju titta själv hur det ser ut kanske.. Det funkar alltså bra i Firefox, men inte i andra webbläsare... särskilt inte i Internet explorer. Det hade ju vart mycket lättare att styla om det hade vart div:ar som jag jobbade med istället med tabeller.. men det kanske finns nån lösning på detta ändå?
fungera i IE för mig, även om du säger att tabellen inte få vara bredare än vad den nu är, men innehållet är större än vad bredden du har satt att den skall vara.
Jo men du kanske har IE 8? vi vill ju att de ska funka även i IE7.. Funkade bakgrunden också?
Ja innehållet är större, men i firefox är priset under texten och det är så jag vill ha det i IE med för då får det plats. Går det att lösa?
IE7 och IE8 ge mig en bakgrund.
<table class="articleListTable" width="190" border="0" cellspacing="0" cellpadding="3">
...
<tr valign="bottom">
<td class="listLine listlineImageColumn">
<A HREF="/se/article.php?id=19194&art=6208322" CLASS="twsright">
<img src="http://shop.textalk.se/shop/thumbnails/shop/19194/art94/h8322/6208322-origpic-28926a.jpg_14.5822_0_70.8357_100_50_46_75.jpg" width="50" height="46" border="0" alt="Wekla Log Split 700-8T">
</A>
</td>
<TD class="listLine listLineArticleNameColumn" width="18">
<div>
<a href="/se/article.php?id=19194&art=6208322" class="list listArticleName">
Wekla Log Split 700-8T
</A>
</div>
</td>
<td class="listLine listLineExtraPriceColumn" align="right">
<div class="listArticlePriceRegular">
9 519:-
</div>
</td>
<td class="listLine listLinePriceColumn" align="right">
<div class="listArticlePrice">
<span class="reducedPrice">
8 000:-
</span>
</div>
</td>
</tr>
...
</table>
är din tabell design, den gör ju rätt i IE kan jag tycka, för du skapar td, td och td mot varandra, så det bli ju rätt design enligt mig för IE
har ändrat lite nu så de funkar nästan felfritt i Chrome och Safari. Det är bara förstasidan, kampanj-sidan och om port nordic-sidan där det inte funkar för "port nordic tipsar" och "kampanjvaror".. fattar inte varför det inte funkar just där. Så fort man klickar på en produkt tex så funkar det.. helskumt.
Men i IE funkar det såklart inte.. Det verkar som IE inte "lyssnar" på css:en så att säga. Även fast jag uppdaterar så händer inget i IE. Jag har även tittat på sidan med IE:s developer tool och där ser jag att vissa css grejer inte är med även fast jag har skrivit in det... Varför gör den så? Är det ett vanligt IE problem?
du försöker floatar td, sökte på google: http://stackoverflow.com/questions/1018125/ie7-how-to-make-td-float
det gå inte att floatar td i IE, om du nu inte kan byta ut display till block element istället för vad det kan vara i IE by default
Float fungera på ett lite annolunda sätt än vad man kanske är van vid, det gäller att få "med" den ytan blocken tar, det kan du lösa med overflow: hidden på parentnoden (detta fall table eller tr)
Ahh jag har glömt att ta bort det. Jag har ändrat nu så det är absolute positionering på alla td:s, men det funkar inte i IE.. beror de på IE? Jag går in i developer tool o där står inte ens position: absolute.. som om det inte "lyssnar" på css:en...
absolut fungera vad jag vet på samma sätt på samtliga webbläsare, däremot behöver du sätta en absolut relative på parent-noden om det är där du vill positionera, annars gå den helva vägen upp till toppnoden och positionera den där ifrån.
Ja precis, men det har jag ju gjort.. körde en wrap där och satte position relative på en div som ligger runt hela tabellen så att inte htmlstrukturen blir fel.. men de funkar ändå inte. Om position absolute hade funkat på denna sidan i IE och jag hade glömt position relative på parentnoden så hade dom ju inte legat kvar där dom e nu.. css blir liksom inte samma i t ex FF och IE.. kan inte förstå varför........
css blir liksom inte samma i t ex FF och IE.. kan inte förstå varför........
Welcome to the internet
Ett sidospår: men varför kör du: /* GENERAL STYLE */
varför sätter du CSS styles på element med jquery, du har väl ändå tillgång att redigera någon typ av CSS, lägg den där istället, känns extremt onödigt att låta JS delen stylar något som ändå gå att flytta in i en CSS fil by default.
Jag kör det för att vissa element har inline style som default och då måste jag "skriva över" dessa med jQuery.
Anledningen till att jag kör /* GENERAL STYLE */ är för att jag har en del grejer som gäller för hela sidan och vissa grejer som är olika beroende på språk. Om t ex engelska är aktiverat så skall kanske en bakgrundsbild vara annorlunda osv..
Det jag menade med css:en var egentligen inte att den tolkas olika för de är jag med på men att de blir så här fattar jag inte:
Ex på css-kod:
.wrapper {
background: #000;
position: absolute;
left: 10px;
top: 10px;
}
Detta funkar utmärkt i alla webbläsare utom i IE där det t ex blir såhär:
.wrapper {
background: #000;
}
Det är ju helt knäppt... positon absolute ska ju funka i IE..
beror nog mer på vilket element du försöker positionera absolut med, exempelvis att sätta en position absolute på <title> elementet kommer inte ge dig önskat resultat, inte heller kanske på tabeller i IE, det är ju helt beroende på hur webbläsaren tolkar HTML+CSS, de har regler att följa och struntar i vad du vill kunna göra med elementen.
Det är ju helt knäppt... positon absolute ska ju funka i IE..
beror helt på vilken version det är. Fram till vers 7 så är stödet svagt.
Nä okej, men det är liksom fler grejer som inte funkar... jag kör en border-bottom på mellan produkterna i list-vy o de funkar inte heller... nu funkar ju sidan i alla webbläsare utom IE... jag kör t ex display: none; på en vanlig div också o de lyssnar inte IE på heller.. jag vet inte hur jag ska göra när den inte lyssnar på vanlig CSS..
Hur ska jag kunna lösa detta..? Hur gör alla andra...
EDIT: grejen är den också att vår målgrupp troligtvis nästan bara består av IE-användare......
Nä okej, men det är liksom fler grejer som inte funkar... jag kör en border-bottom på mellan produkterna i list-vy o de funkar inte heller... nu funkar ju sidan i alla webbläsare utom IE... jag kör t ex display: none; på en vanlig div också o de lyssnar inte IE på heller.. jag vet inte hur jag ska göra när den inte lyssnar på vanlig CSS..
Hur ska jag kunna lösa detta..? Hur gör alla andra...
När du anger display:none, genererar du inget. Jag tror dock att ditt problem ligger i hur du hanterar stilmallen och hur du använder den i presentationen. Har du kollat så inga element krockar med varandra? Syskon, och barn ärver sin föräldrar, har du kollat om det kan vara problemet? Div-element prioriteras före class-attribut. Blockelementens flöde ligger top-bottom vänsterställt på egen rad medan inline-element flödar vänster till höger, kanske att du har angett felaktiga värden i stilmallen? Jag har inte kikat i denna (har ingen tid) men spontant tycker jag att du ska kolla den noggrant för att verkligen se vad - hur det är du anger.
Hur ska jag kunna lösa detta..? Hur gör alla andra...
Det är möjligt att du behöver läsa på lite om css och html - men det låter jag dig få avgöra.
jag kör en border-bottom på mellan produkterna i list-vy o de funkar inte heller...
HTML kod för det? en div har exempelvis inga problem att sätta en border bottom på.
nu funkar ju sidan i alla webbläsare utom IE... jag kör t ex display: none; på en vanlig div också o de lyssnar inte IE på heller..
Har aldrig haft problem med display: none på ett div element i IE
jag vet inte hur jag ska göra när den inte lyssnar på vanlig CSS..
Vad är "vanlig" CSS?
Hur ska jag kunna lösa detta..? Hur gör alla andra...
Jag måste vara helt unik på detta, men jag upplever sällan jätte problem med IE, men ett grundkvar man kan sträva efter är att din sida skall validera rätt, vilket gör det hela betydligt enklare att sen börja felsöka en "korrekt" bas, det är jätte tråkigt att säga det speciellt när det verkar som du inte få redigera HTML koden på din butik eller har möjlighet att be någon göra det.
Jag måste vara helt unik på detta, men jag upplever sällan jätte problem med IE, men ett grundkvar man kan sträva efter är att din sida skall validera rätt, vilket gör det hela betydligt enklare att sen börja felsöka en "korrekt" bas, det är jätte tråkigt att säga det speciellt när det verkar som du inte få redigera HTML koden på din butik eller har möjlighet att be någon göra det.
Håller med.
Nä men de e ju lite annorlunda när man bygger en sida själv för då är det lättare att styra html-koden vilket också gör det lättare att styla. Här är det ju svårare eftersom nästan all hmtl-kod är fast så att säga..
Hursomhelst, jag har iaf lyckats lösa problemet med menyn till höger efter mycket pillande... Men, har ett större problem kvar och det är köp och läs mer knapparna samt "kampanjpris-remsan" på de produkter som har en grå ram runt sig (dom som är griditem). dessa försvinner i IE.
Någon som kan hjälpa mig med detta?
