Ser illa ut i IE för mac

15 svar · 468 visningar · startad av Type 27 nov. 2003

TypeMedlem sedan mars 20021 239 inlägg

Frågan27 nov. 2003 13:34#1

Hej!
Jag har en sida som ser bra ut i IE och Mozilla för PC...

För IE på mac ser det inte alls bra ut... En ruta blir inte alls så liten som jag sagt att den ska va.. Se skärmdump.

Vad är problemet?
Kodutdrag följer...

<div class="rutaMain">
				<div class="floatRight">
					<div class="rutaRight">
						TEST
					</div>
					<div class="rutaRight">
						I övrigt kommer sidan se ut ungefär som den gjorde förut. Jag har tagit bort den yttre ramen.. Den går jättesnabbt o lägga dit om vi vill ha den istället. Vad säger ni?
					</div>
				</div>
				<div class="ruta">
					Jag hade tänkt kolla hur detta blir... Jag vill att du Nisse ser att denna version ser exakt ut som den ska. Annars måste vi ändra på kodandet...
					Därför lägger jag upp en screenshot på hur JAG vill att det ska se ut och hur det ser ut på min dator
				</div>
				<div class="ruta">
					Här kommer en till ruta :D
				</div>
			</div>

Min stilmall ser bland annat ut så här:

.ruta{
	border:1px #000000 solid;
	position:relative;
	width:250px;
	padding:5px;
	margin:5px;
	background-image:url('../bilder/background.gif');
}

.rutaRight{
	border:1px #000000 solid;
	position:relative;
	width:210px;
	padding:5px;
	margin:5px 5px 5px 0px;
	background-image:url('../bilder/background.gif');
}

.rutaMain{
	position:absolute;
	left:65px;
	top:26px;
	width:500px;
	border:0px #000000 solid;

}

.floatRight{float:right;}

Jag har validerat både html och css (XHTML 1.0 strict och CSS2)

PalleMedlem sedan apr. 20003 174 inlägg

27 nov. 2003 13:43#2

Ganska vanligt fel, css-stödet för IE i Mac är tyvärr inget vidare..

http://www.webforum.nu/search.php?s=&action=showresults&searchid=381240&sortby=lastpost&sortorder=descending

TypeMedlem sedan mars 20021 239 inlägg

27 nov. 2003 15:20#3

Jag sökte där men hittade inget svar på hur man ska göra.. någon som vill skicka en kodsnutt som funkar?

PepeJeriaMedlem sedan feb. 2003774 inlägg

27 nov. 2003 15:34#4

Hur ser det ut i Mozilla? Prova att sätta dit width på din floatRight class.

TypeMedlem sedan mars 20021 239 inlägg

27 nov. 2003 16:20#5

I Mozilla ser det exakt ut som i IE för PC. Mozilla för PC alltså.. Jag tänkte att det inte borde va floatRight-klassen eftersom den högra rutan ser rätt ut... Det är ju den vänstra o den ligger inte i floatRight...

Men jag ska testa ändå! ;)

TypeMedlem sedan mars 20021 239 inlägg

27 nov. 2003 18:34#6

någon som kan testa om www.straxunder.com/new ser ut som den ska? Dvs rutorna är lika stora ungefär...

Det funkar i PC har jag testat men jag vill veta hur det är i MAC....

TypeMedlem sedan mars 20021 239 inlägg

30 nov. 2003 11:17#7

Jag har fortfarande inte fått någon lösning på problemet? Betyder det att det inte finns någon? Går det inte att använda CSS för IE på mac? Finns det då någon annan webläsare för mac som funkar bra? Jag vill att han ska kunna se sidan bra, han är ofta inne o redigerar.. Alla andra mac:are bryr jag mig inte så mycket om... ;)

PepeJeriaMedlem sedan feb. 2003774 inlägg

30 nov. 2003 12:59#8

Så du testade och det såg inte bättre ut? IE 5 på MAC är ganska gammalt och buggit, tror (hoppas) att de flesta idag använder Mozilla (suite, firebird, camino) eller Safari som klarar CSS galant!

lafangesMedlem sedan mars 20027 inlägg

1 dec. 2003 19:33#9

OT Har du långt kvar på din hemsa Palle, börjar få svåra abstinensbesvär. //Peppe

TypeMedlem sedan mars 20021 239 inlägg

1 dec. 2003 19:50#10

Jag har nu testat med ändringen i föreslog och ingen bättring... Vad ska man göra för att få till det? Måste man byta webläsare? det vore kanske enklast.

PepeJeriaMedlem sedan feb. 2003774 inlägg

1 dec. 2003 19:57#11

Tyvärr är ju IE 5 på MAC frukstansvärt buggigt, kolla in denna sida om du hittar någon hjälp för workarounds:
http://www.thenoodleincident.com/tutorials/box_lesson/workarounds.html

På MAC idag så aänvder det flesta Safari och Mozilla hoppas jag...

TypeMedlem sedan mars 20021 239 inlägg

1 dec. 2003 20:08#12

Jag hittar ingen bra lösning på den sidan tyvärr...

Är det bättre att använda hederliga tabeller??

PepeJeriaMedlem sedan feb. 2003774 inlägg

1 dec. 2003 20:11#13

Nej, man kan alltid lösa saker med css. du kanske ska skippa att ha en float lösning? har du validerat din kod?
Men som jag sa, du kanske ska skippa floats o använda dig av en margin - lösning, kolla in:
http://www.webforum.nu/showthread.php?s=&postid=756103#post756103

TypeMedlem sedan mars 20021 239 inlägg

1 dec. 2003 21:46#14

PepeJeria: Tack. Det där såg lovande ut.. Ska be han som har mac att kolla så får vi se... Det är så dumt, själv har jag ingen mac.... Så jag kan inte se om det funkar... men jag återkommer när jag vet... tack igen! :birp

TypeMedlem sedan mars 20021 239 inlägg

2 dec. 2003 17:02#15

PepeJeria:
Det funkade klockrent! Nu går det även i IE5mac

Jag använde ditt exempel med margin... Tack!

PepeJeriaMedlem sedan feb. 2003774 inlägg

2 dec. 2003 19:03#16

Kul! :bire