html - MSIE på PC, indryk ved første linje! - Udvikleren.dk

Tags: html css

<< < 1 2 > >>

Bruger #5293 @ 10.03.06 12:50

Hejsa

Jeg har lavet et website for en kunde, men desværre vil min menu ikke helt som jeg vil, når altså jeg ser siden på en PC med Explorer.

Menuen opfører sig eksemplarisk på Mac med både Safari, Firefox, Explorer og Opera (!).

Jeg har også oplevet at MSIE laver indryk på min paragraph's og header's sommetider.

Her er CSS koden til menuen, så håber at nogen kan hjælpe...

Kode

ul {
	list-style: none;
	display: inline;
	text-indent: 0px;
	}

.buttonscontainer {
	width: 250px;
	padding-left: 45px;
	padding-top: 70px;
	line-height: 90%;
}

.buttons a {
	color: #8B8B8B;
	background-color: #F7F7F5;
	display: inline;
	font-size: 11px;
	font-family: Arial, Sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: left;
}

.buttons a:hover {
	background-color: #F7F7F5;
	color: #8E0928;
	text-decoration: none;
}

Mvh
Gunnar

Bruger #5426 @ 10.03.06 12:52

430

Hvad er det din menu ikke vil? Og har du evt. et link, for på den der måde får du ingen hjælp.

Bruger #5293 @ 10.03.06 12:54

www.ninnamilner.dk

Den første linje rykker ca 2 cm til højre på PC (MSIE).

Mvh
Gunnar

Bruger #3491 @ 10.03.06 13:05

315

Prøv at fjerne

Kode

display: inline;

fra ul{ ... }

Og så prøv at tilføje

Kode

margin:0;

i stedet.

Så tror jeg du opnår det du vil

Indlæg senest redigeret d. 10.03.2006 13:13 af Bruger #3491

Bruger #5293 @ 10.03.06 13:22

Hey - det rettede problemet....men skabte et nyt.

Nu er hele menuen rykket samme stykke til højre. Sætter jeg buttonscontainerens margin-left: 0; så passer det....på Safari og Firefox. Men nu står menuen helt ude i venstre side på Opera og MSIE (Mac).

Mvh
Gunnar

Bruger #3491 @ 10.03.06 13:30

315

Hey - det rettede problemet....men skabte et nyt.

Nu er hele menuen rykket samme stykke til højre. Sætter jeg buttonscontainerens margin-left: 0; så passer det....på Safari og Firefox. Men nu står menuen helt ude i venstre side på Opera og MSIE (Mac).

Mvh
Gunnar

Hehe ok jeg troede det var meningen at det skulle stå helt til ventre. Fjern det jeg skrev med margin: 0; og prøv igen

Indlæg senest redigeret d. 10.03.2006 13:30 af Bruger #3491

Bruger #5293 @ 10.03.06 14:26

Hey - det rettede problemet....men skabte et nyt.

Nu er hele menuen rykket samme stykke til højre. Sætter jeg buttonscontainerens margin-left: 0; så passer det....på Safari og Firefox. Men nu står menuen helt ude i venstre side på Opera og MSIE (Mac).

Mvh
Gunnar

Hehe ok jeg troede det var meningen at det skulle stå helt til ventre. Fjern det jeg skrev med margin: 0; og prøv igen

Jamen så er jeg jo tilbage hvor jeg startede!

Bruger #3491 @ 10.03.06 15:11

315

Det er du da ikke.

Du har måske misforstået det jeg prøvede at sige, men altså det jeg mente var at det skulle se således ud:

Kode

ul {
	list-style: none;
	text-indent: 0px;
	}

.buttonscontainer {
	width: 250px;
	padding-left: 45px;
	padding-top: 70px;
	line-height: 90%;
}

.buttons a {
	color: #8B8B8B;
	background-color: #F7F7F5;
	text-indent: 0px;
	display: inline;
	font-size: 11px;
	font-family: Arial, Sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: left;
}

.buttons a:hover {
	background-color: #F7F7F5;
	color: #8E0928;
	text-decoration: none;
}

Det virker i hvert fald når jeg tester det her. Både i IE, Opera og Firefox.

Bruger #5293 @ 10.03.06 15:15

Det er du da ikke.

Du har måske misforstået det jeg prøvede at sige, men altså det jeg mente var at det skulle se således ud:
Kode
ul {
	list-style: none;
	text-indent: 0px;
	}

.buttonscontainer {
	width: 250px;
	padding-left: 45px;
	padding-top: 70px;
	line-height: 90%;
}

.buttons a {
	color: #8B8B8B;
	background-color: #F7F7F5;
	text-indent: 0px;
	display: inline;
	font-size: 11px;
	font-family: Arial, Sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: left;
}

.buttons a:hover {
	background-color: #F7F7F5;
	color: #8E0928;
	text-decoration: none;
}
Det virker i hvert fald når jeg tester det her. Både i IE, Opera og Firefox.

Måske jeg misforstod dig så. Anyway - tak for hjælpen. Jeg har lagt koden op på www.ninnamilner.dk nu, så menuen burde være ensartet, og stå lidt inde på siden i MSIE på PC nu..... ? ;-)

Mvh
Gunnar

Bruger #4907 @ 10.03.06 15:35

Til en anden god gang du har problemer med lister:
http://www.alistapart.com/articles/taminglists/
http://css.maxdesign.com.au/listutorial/index.htm

Indlæg senest redigeret d. 10.03.2006 15:36 af Bruger #4907

Bruger #3491 @ 10.03.06 15:55

315

Måske jeg misforstod dig så. Anyway - tak for hjælpen. Jeg har lagt koden op på www.ninnamilner.dk nu, så menuen burde være ensartet, og stå lidt inde på siden i MSIE på PC nu..... ? ;-)

Ja det ser fuldkommen ens ud i IE6 og IE7 på PC, som i Opera og Firefox. Så vidt jeg kan se.

<< < 1 2 > >>

MSIE på PC, indryk ved første linje!

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler