webForumDet fria alternativet
Logga in

CSS, Netscape och konstiga marginaler

3 svar · 227 visningar · startad av Janspeed

JanspeedMedlem sedan jan. 2001510 inlägg
#1

Tjaba alla coola snubbar och snubbinnor!

Jag har ett problem som jag inte riktigt får rätsida på. Jag håller på att standardisera vår hemsida och försöker hitta en gemensam stylesheet som jag försöker använda. Då inget ser likadant ut så har jag nu fått återgå till att köra en separat CSS för IE och Netscape.

Problemet är nu att den nya css:en för Netscape gör så att allt mellanrum försvinner mellan rubriken på sidan och frame:en ovanför och dessutom så försvinner i bland rubriken helt? Mycket instabilt.

Stänger jag av CSS:en så blir det genast likadant mellanrum i bägge läsarna så jag är nästan 100% säker på att det beror på CSS:en.

Någon smart som råkat ut för det här och som vet vad jag kan pröva?

Har sökt runt här lite på forumet men kan inte hitta lösningen på mitt problem. Tycker ingenting fungerar.

Tacksam för svar. :)

//JANspeed

Web-TorMedlem sedan nov. 200013 890 inlägg
#2

...och hur ser Css:en ut?

------------------
/Tor
www.tor.nu

JanspeedMedlem sedan jan. 2001510 inlägg
#3

CSS för IE:

A:link
{
    COLOR: #CC1F00;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}

A:active
{
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}

A:visited
{
    COLOR: #003399;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}

.kampanjlink
{
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}

.kampanjrub
{
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
	font-weight: bold;
    TEXT-DECORATION: none
}

BODY
{
	BACKGROUND-COLOR: #ffffff;
}

.button
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
}

.txtfield
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
}

B
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px
}

I
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
	FONT-STYLE: italic
}

TD
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
}

P
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
}

H1
{
    COLOR: #003399;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 20px;
    FONT-WEIGHT: bold;
    FONT-STYLE: normal

}

H2
{
    COLOR: #cc3300;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    FONT-STYLE: normal
}

H3
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px
}

TR
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 14px
}

UL
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
}

CSS för Netscape

A:link
{
    COLOR: #CC1F00;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}

A:active
{
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}

A:visited
{
    COLOR: #003399;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}

.kampanjlink
{
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}

.kampanjrub
{
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
	font-weight: bold;
    TEXT-DECORATION: none
}

BODY
{
	BACKGROUND-COLOR: #ffffff;
}

.button
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
}

.txtfield
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
}

B
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px
}

I
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
	FONT-STYLE: italic
}

TD
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
}

P
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
}

H1
{
    COLOR: #003399;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 20px;
    FONT-WEIGHT: bold;
    FONT-STYLE: normal

}

H2
{
    COLOR: #cc3300;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    FONT-STYLE: normal
}

H3
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px
}

TR
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 14px
}

UL
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
}

Kod för Testsidan:

<html>
<head>
<title>Information</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- #include file="css.js" -->
</head>

<body>
<br>
<table border=0 cellspacing=2 cellpadding=2 width="450" vspace="0" hspace="0" align="center">
<tr>
	<td colspan="2"><img src="valkommen_rubrik.gif" width="292" height="26" border="0" alt=""></td>
</tr>
<tr>
	<td><h1>Rubrik 1 testas</h1></td>
	<td align="left" valign="bottom" rowspan="11"><form>
	<input type="Button" value="Gubbe"  class="button"><br>
	<br>
	<input type="Text" class="txtfield" value="Hej detta är ett test"><br>
	<br>
	<textarea name="gubbe" class="txtfield" cols="20" rows="5" wrap="hard">Detta är en testtext och jag hoppas att den ska duga alldeles utmärkt!</textarea><br>
	</form></td>
</tr>
<tr>
	<td><h2>Rubrik 2 testas</h2></td>
</tr>
<tr>
	<td><h3>Rubrik 3 testas</h3></td>
</tr>
<tr>
	<td><i>Kursiv text testas</i></td>
</tr>
<tr>
	<td><b>Bold text testas</b></td>
</tr>
<tr>
	<td><a href="#" class="kampanjlink">Kampanjlink testas</a></td>
</tr>
<tr>
	<td><font class="kampanjrub">Kampanjrub testas</font></td>
</tr>
<tr>
	<td><a href="test2.htm">Länk normal testas</a></td>
</tr>
<tr>
	<td><a href="test#">Länk active testas</a></td>
</tr>
<tr>
	<td><a href="#">Länk visited testas</a></td>
</tr>
<tr>
	<td colspan="2"> </td>
</tr>
</table>
<table border="0" cellspacing="2" cellpadding="0" width="450" vspace="0" hspace="0" align="center">
<tr>
	<td><b>Bold text testas</b></td>
</tr>
<tr>
    <td>För första gången har en hjärtoperation med hjälp av robotkirurgi genomförts i Skandinavien. Operationen utfördes på 
	Karolinska sjukhuset i Stockholm. Patienten, som opererades för kärlkramp, uppges må bra. Ingreppet genomfördes med titthålsteknik 
	genom tre hål i bröstkorgen. </td>
</tr>
<tr>
	<td align="center"><img src="ola_vingar_liten.gif" width="75" height="50" border="0" alt=""></td>
</tr>
<tr>
	<td><b>Bold text testas</b></td>
</tr>
<tr>
	<td><p>En militär inrättning i Utah, USA, har i forskningssyfte tillverkat pulver med mjältbrandsbakterier. Pulvret var tänkt att 
	användas som vapen, skriver flera amerikanska tidningar. Anonyma statsanställda avslöjar att pulvret skickats fram och tillbaka 
	mellan laboratoriet i Utah och en militär bas i Maryland.</p>
	<p align="center"><img src="ola_vingar_liten.gif" width="75" height="50" border="0" alt=""></p>
	<p>Genom fusk med märkningen såldes holländskt kött som svenskt. Köttet var inte gott och här kan du se några exempel på vilka köttsorter det finna att köpa:<br>
	<ul>
		<li>Fläskkött
		<li>Nötkött
		<li>Köttfärs
		<li>Köttbullar
		<li>Prinskorv
	</ul>
	Det var Yvonne Sellstedt, miljö- och hälsoskyddsinspektör i 
	Sundsvalls kommun, som för två veckor sedan anmälde att 400 kilo kött var falskmärkt. -Det är mycket i tillsynen som inte fungerar, 
	säger Sellstedt.</p></td>
</tr>
</table>
<br>
<!-- #include virtual="/incs/footer.inc" -->
</body>
</html>

Kod för css.js

<script language="JavaScript">
<!--
function setStylesheet() 
{
	var linkText;

	if (navigator.appName.indexOf('Netscape') != -1)
	{
		linkText = "<LINK REL='stylesheet' TYPE='text/css' HREF='ns.css'>";
		document.write(linkText);
	}
	else
	{
		linkText = "<LINK REL='stylesheet' TYPE='text/css' HREF='ie.css'>";
		document.write(linkText);
	}
}

setStylesheet();
//-->
</script>

/JANspeed

[Redigerat av Janspeed den 13 dec 2001]

JanspeedMedlem sedan jan. 2001510 inlägg
#4

Löste det.

Tog bort LINE-HEIGHT: 14px ur:

TR
{
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
LINE-HEIGHT: 14px
}

:x

/JANspeed

130 ms totalt · 3 externa anrop · v20260731065814-full.30151723
127 ms — hämta forumlista (db)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)