webForumDet fria alternativet

Ser olika ut på olika datorer .. tappade bokstäver etc...

HTML & CSS

14 svar · 707 visningar · startad av rakatoner

Medlem sedan okt. 2007264 inlägg
Frågan#1

Jag har gjort en webbsida som har en rätt enkel konstruktion o ser så bra ut hemma hos mig o ngr kompisar...

men får ett mail från ägaren till sidan som skriver :
citat:
Det ÄR nåt fel på hemsidan, sid 1!!!!! Nu har jag kollat på en annan grannes dator och

- det är dubbelbild

- ”brottmål” har fallit bort

o försvarare har blivit rörsvarare
OK ut på min egen dataskärm men alltså galet på två olika grannars!!!

jag har kollat hos mig i IE , FF - men här är ju sidan byggd såj ag känner mig osäker på vad som ligger kvar...
lejer kamrat som kolar o skriver skriver
Jag förstår inte. Jag har kollat i IE, FF, Opera och Chrome. Det ser bra ut i alla webbläsarna. Inga saknade bokstäver vad jag kan se...
o 3 andra orter runt i landet har kollat - ingen kan se ngt fel ...

Nu vill jag jätte gärna att NI kollar ... ser ni ngt galet - saknas det bokstäver - dubbelbild ????

och vad kan vara orsaken till dessa 2 datorers konstiga bild ????

https://www.ryrholmlind.se

tacksam för hjälp ..reflektioner ..
denna text ska alltså vara med :

ADVOKATFIRMAN RYRHOLM LIND AB

Advokat Maria Ryrholm Lind
Ledamot av Sveriges advokatsamfund

\* Brottmål
\* Försvarare
\* Målsägandebiträde

\* Barn - och familjejuridik
\* Vårdnad
\* Boende
\* Umgängesrätt
\* Skilsmässa

\* LVU - mål

\* Utlänningsrätt

  Rättshjälp och rättsskydd förmedlas

Start Kontakt Länkar

Medlem sedan mars 2007845 inlägg
#2

Bild 1 är: Linux Firefox 3.0.7
Bild 2 är: Linux Opera 9.63

Jag föreslår också att du tar en titt här http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.ryrholmlind.se%2F

ryrholmlind1.pngryrholmlind2.png
Medlem sedan juni 2003771 inlägg
#3

Ser bra ut hos mig. Kollat i både IE och FF.

Valideringen visar dock på 27st fel
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ryrholmlind.se%2Findex.html&charset=(detect+automatically)&doctype=Inline&group=0

Medlem sedan mars 2007845 inlägg
#4

På Win FF, IE och Opera ser det bra ut. Men med Google Chrome är det vitt från ca 10px under stora bilden och nedåt i hela bredden.

Medlem sedan jan. 2003296 inlägg
#5

I IE6 verkar fenomenet du beskriver uppstå. Dock har jag inte kollat efter någon orsak, bara konstaterat att så är fallet efter att ha tittat igenom sidan i alla mina webbläsare.

Medlem sedan okt. 2007264 inlägg
#6

Tack snälla ni som kollat !! Gåtan kvarstår dock hur dessa 2 andra datorer inte ser alla bokstäver.

Validering är lite överkurs för mig... men jag försöker lära mig. En tamt försvar men jag är såå billig o kör lite på hobbynivå att då kan man inte få allt...

men skulle det göra ngn skillnad för den vita kanten som uppstått hos dig Drew?
Bild 1 är: Linux Firefox 3.0.7
Bild 2 är: Linux Opera 9.63 - o här har menyn hoppat upp ...

Frågan är vad ska jag säga till advokaten - sorry - det stämmer på alla andras .. titta inte på din grannesdator ....?

lite lätt magsårsframkallande...

Medlem sedan okt. 2007264 inlägg
#7

Ser nu " jawbreakers " inlägg - det uppstår i IE6 - ok - på ett sätt skönt att veta var det uppstår - då kommer frågan hur löser jag det ?
o en fråga hur laddar jag ner IE6 så jag kan kolla själv - är det det här ? :

Internet Explorer 6 Service Pack 1 från denna sida :

http://www.microsoft.com/downloads/details.aspx?FamilyID=1E1550CB-5E5D-48F5-B02B-20B602228DE6&displaylang=en

Medlem sedan jan. 2003296 inlägg
#8

Okej, testa följande grejer i din css-fil:

1. Lägg till no-repeat på din bakgrundsbild i #box, annars kommer bilden att repeteras till höger i IE6:

background: url(bilder/bg.jpg) no-repeat;

2. Lägg till display: inline i #middle_left för att ta kål på IE6:ans double margin bug:

#middle_left
{
	width: 40px;
	height: auto;
	float: left;
	margin-left: 85px;
	display: inline;
}

3. Ta bort den negativa toppmarginalen för IE6 på #middle_bottom_text, för det är den som klipper texten, genom att lägga till följande i din css-fil:

* html #middle_bottom_text {
	margin-top: 0;
}

Jag tror att det var allt jag ändrade för att få det att fungera även i IE6. Lägg in det så kan jag testa igen.

Medlem sedan okt. 2007264 inlägg
#9

on my way.... snart ! tack !

Medlem sedan okt. 2007264 inlägg
#10

Jawbreaker - nu har jag ändrat - kolla jätte gärna - håller tummarna...

Medlem sedan jan. 2003296 inlägg
#11

(y) Nu funkar det även i IE6

Medlem sedan okt. 2007264 inlägg
#12

PUSSS :) o stort tack - nu törs jag träffa advokaten igen !

Medlem sedan jan. 2003296 inlägg
#13

Haha, det låter bra - man måste hålla sig vän med advokater! :)

Medlem sedan mars 2007845 inlägg
#14

Här ser det fortfarande likadant ut.

Medlem sedan okt. 2007446 inlägg
#15

ohh en släng av "divitis" minsann
hälften av dina "divs" är helt onödiga
tex:
<div class="top_text">
ADVOKATFIRMAN RYRHOLM LIND AB borde vara en <h1>

<div class="middle_up">- kan ersättas av tex en <h2>
<div class="middle_down"> kan ersättas av .. ja vad som helst utom en div

Sen stylar du dessa taggar direkt i css

<div class="top_text">ADVOKATFIRMAN RYRHOLM LIND AB</div>
blir då
<h1>ADVOKATFIRMAN RYRHOLM LIND AB</h1>

och i css-filen
#top h1{
padding-top: 70px;
/*text-align: center; behövs inte, #top är ju centrerad redan*/
font-size: 26px;
color: #CD853F;
}

med lite pill så har du helt plötsligt betydligt mindre kod att felsöka samt att chansen att det funkar är betydligt större

274 ms totalt · 4 externa anrop · v20260731065814-full.868a69e5
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
139 ms — hämta tråd, inlägg och bilagor (db)
131 ms — ändringar (db)