Help: Fejlvisning i Firefox og IE

Tags:    html css

Hej med jer,

Skal høre jer om I kan hjælpe mig med et lille html problem. Min gruppe og jeg er igang med en opgave på mmd studiet, hvor vi skal lave et site. Vi har dog et lille problem.. Når jeg tester sitet i Safari ser det ud som det skal, men når jeg tester i Firefox og IE så kommer der kasser rundt om linksne.. samt overskrifterne flytter sig.

Jeg synes at jeg har prøvet alt i CSS'en, men kan ikke løse problemet. Nogle af jer der har lyst til at hjælpe? [smile]

Linket til sitet: [link=pixilized.dk/workinprogress/webmagasin/index.html]RailZine[/link]

På forhånd tak,
Tommy



7 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 4 karma
Sorter efter stemmer Sorter efter dato
nå nå nå nå :D

...sådan kommer lige ind fra sidelinien og scorer pt.

men hvad nu hvis han har et billede som skal have border? er det så ikke lidt for overordnet at bestemme det sådan heh!. :P



nå nå nå nå :D

...sådan kommer lige ind fra sidelinien og scorer pt.

men hvad nu hvis han har et billede som skal have border? er det så ikke lidt for overordnet at bestemme det sådan heh!. :P

Fold kodeboks ind/udHTML kode 

Fold kodeboks ind/udCSS kode 




Som udgangspunkt har billeder ikke borders, men når der bliver tilføjet et <a> tag rundt om bliver der dannet en border

For og forhindre dette kan du se om de andre har nævnt skrive:
img
{
border: none;
}

i dit css

Jeg vil anbefale dig og gøre dette og når du så vil have en border rundt omkring dine billeder giver du dit <img> tag en class eller et id og skriver i dit css:
.mitBillede
{
border: 1px solid black;
}

At give alle billeder der ikke skal have border en class synes jeg er dumt da han har 7 billeder på siden

I stedet for og bruge 7 class'es kan du nøjes med en style :)



Indlæg senest redigeret d. 05.03.2009 15:28 af Bruger #11386
@Peter

Det mest fortrukne er at reset alt til det ser ens ud i alle browsere. Så har du et godt udgangspunkt for at komme videre i din udvikling. :)

Bagefter bygger du så oven på.



<img alt="Forside" src="grafik/png/logo.png" border="0"/>



Fold kodeboks ind/udKode 




a img
{
border:0px;
}
a:focus
{
border:0px;
}

Må fjerne markeringer i Ie, og FF's anchor focus.

Men enig med Michael, brug og hent yui reset CSS, og lig den ind først - så er har browserne et fælles default grundlag man kan bygge videre på.

/J



Indlæg senest redigeret d. 07.03.2009 09:04 af Bruger #5789
t