Søg
Avatar billede weblance Nybegynder
14. januar 2010 - 15:44 Der er 11 kommentarer og
2 løsninger

Designet virker ikke i IE men fint i FF

Jeg er ved at lave en webshop, og har i den forbindelse bruge en del CSS. Problemet er at siden ser ud som den skal i Firefox men Internet Explorer 8 viser den ikke som den skal.

Hvad skal jeg gøre?
Avatar billede flope Nybegynder
14. januar 2010 - 16:01 #1
Hej weblance.

Det er meget almindeligt, at man kommer i problemer, tværs over browserne. Det gør jeg også selv.

Den hovedsagelige regel er at du "resetter" alle dine atributes ( her er et link: http://meyerweb.com/eric/tools/css/reset/ )

Browsere udskriver ikke alle elementer ens (i nogle browsere er der måske en standard-margin/padding på nogle elementer, som gør at det ikke kommer til at se ens ud. Dette kan du gøre ens for alle browsere, ved at bruge ovenstående link.

Lad mig høre fra dig, om det løser nogle af dine problemer
Avatar billede weblance Nybegynder
14. januar 2010 - 16:13 #2
Nej desværre, det hjalp ikke.
Avatar billede Syska Mester
14. januar 2010 - 16:30 #3
Så skal der noget CSS og html på banen for at hjælpe.

ellers kan vi kun gætte på alle de fejl det kunne være.

// ouT
Avatar billede weblance Nybegynder
14. januar 2010 - 16:40 #4
Hjemmesiden hedder www.daddan.net og problemet består i at menuen i venstre side ikke vises korrekt i IE. Det er et osCommerce system jeg bruger.

Menuen ser i et uddrag sådan ud:

<tr><td><img src="../../mediafiles/images/tom_10x10.gif" width="180" height="6" /></td></tr>
<tr><td><img src="../../mediafiles/images/infobox_back_top.png" width="180" height="15" /></td></tr>
          <tr>
<td class="infoBoxContainerCategories" width="<?php echo $WIDTH; ?>">

og CSS koden til infoBoxContainerCategories ser sådan ud:

td.infoBoxContainerCategories {
    padding: 5px 5px 5px 15px;
    vertical-align:top;
    background-image:url(../mediafiles/images/infobox_back.png);
    height:492px;
}
Avatar billede weblance Nybegynder
14. januar 2010 - 16:58 #5
Samme problem på min mobil. Både Skyfire og Opera Mobile viser siden som den skal men Internet Explorer viser ikke menuen i venstre side korrekt.
Avatar billede zips Juniormester
14. januar 2010 - 17:02 #6
Da siden vises i quirks modus kan og vil alt vises forskelligt, indsætte en valid doctype på siden og arbejde ud fra det.

http://www.w3.org/QA/2002/04/valid-dtd-list.html

Her lidt om hvorfor det er vigtigt http://www.eksperten.dk/guide/1288
Avatar billede Syska Mester
14. januar 2010 - 17:12 #7
Du har også mange html tags som ikke er afsluttet korrekt. Det løser nok ikke problemet med at det vises forkert i IE.

mvh
Avatar billede Syska Mester
14. januar 2010 - 17:23 #8
dont use html for layout:
http://www.hotdesign.com/seybold/everything.html

Du afslutter ikke alle din tables.

<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">

har aldrig hørt om de attributes ... og jeg finder:
The tag contains an attribute that is proprietary to Netscape or Internet Explorer.

På et af dine Image tag har du:
border sat 2 gange ... vist dit logo.

// ouT
Avatar billede weblance Nybegynder
14. januar 2010 - 17:44 #9
Jeg har brugt dette system: www.uniquesystems.dk som jeg har prøvet at ændre designet lidt på, så alle de fejl der nævnes må jeg prøve at finde. Håber det vil virke.
Avatar billede Syska Mester
14. januar 2010 - 21:28 #10
Man burde måske også fortælle dem at man ikke bruger tables til layout, men tabulær data ... og div's til layout.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.daddan.net%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Der er en validater.
Avatar billede weblance Nybegynder
16. januar 2010 - 20:36 #11
Jeg har valgt at skrotte osCommerce og er i gang med at lave mit eget design.

Smid et svar alle sammen, så får i lov til at dele point!
Avatar billede Syska Mester
16. januar 2010 - 20:41 #12
svar
Avatar billede zips Juniormester
16. januar 2010 - 20:44 #13
Her er et svar :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
27/1222:02 Låse brugt iPad op Af drstein i iOS, iPhone & iPad
27/1219:21 Hvor finder jeg en oversigt over mine spørgsmål Af KurtG i Hjælp og fejl
27/1211:31 TP-Link Wifi extender opsat som accesspoint giver 50% up- og download, Af Uvanga i Wifi
26/1213:05 Hvorfor bliver tiff-filer større ved konvertering til samme format Af KurtG i Billedbehandling
23/1221:36 Gøre Ikonerne lidt større i proceslinjen (Windows 10) Af Ikke-ekspert i Windows
White papers
Flere white papers »