/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord? 		Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
1  molokyle 11184
2  Klaudi 5506
3  bentjuul 3377
4  severino 2040
5  smorch 1950
6  strarup 1525
7  natmaden 1396
8  scootergr.. 1320
9  e.c 1150
10  miritdk 1110
Stylesheet i Netscape
Fra : Lisbet Laursen

Dato : 20-09-03 10:57
Hvorfor mon dette stylesheet ikke fungerer i Netscape, dvs. spalte 2
kommer under spalte 1 - og ikke til højre for som tilsigtet?

Det validerer i W3C!

Hilsen
Lisbet

body {
background-color:white;
color:gray;
border:1px solid orange;
font-family:'verdana','arial',sans-serif;
font-size:100%;

}

#topbar {
float:left;
width: 100%;
}
..flydestop {
clear:both;
}

#spalte1 {
float:left;
width: 20%;
height:100%;
padding:5%;
background-color:white;
border:1px solid #55a;

}
#spalte2 {
float:left;
width: 80%;
height:100%;
padding:5%;
border: 1px solid #55a;
font-size:0.8em;
}


a:link {
color:#55a;
font-family: 'verdana', 'arial', sans-serif;
font-size: 0.8em;
font-weight:bold;
text-decoration:none;
}
a:visited{
color:#F90;
font-family: 'verdana', 'arial', sans-serif;
font-size: 0.8em;
font-weight:bold;
text-decoration:none;
}
a:hover{
color:red;
font-family: 'verdana', 'arial', sans-serif;
font-size: 0.8em;
font-weight:bold;
text-decoration:none;
}

a:active {
color:#FF0;
font-family: 'verdana', 'arial', sans-serif;
font-size: 0.8em;
text-decoration:none;
}

h1{
clear:right;
vertical-align:top;
color:#55a;
font-size: 2em;
}
..centrer{
text-align:center;
}
h2{
color:gray;
text-align:left;
font-size: 1.2em;
font-weight:bold;
}
hr{
height:1px;
color:#55a;
}
p{
font-size:0.9em;
}
..centrer{
text-align:center;
}



 
 
Stig Sørensen (20-09-2003)
Kommentar
Fra : Stig Sørensen

Dato : 20-09-03 11:28

"Lisbet Laursen" <lisbet@hotmail.com> wrote in message
news:3f6c247b$0$24636$edfadb0f@dread14.news.tele.dk...
> Hvorfor mon dette stylesheet ikke fungerer i Netscape, dvs. spalte 2
> kommer under spalte 1 - og ikke til højre for som tilsigtet?
>
> Det validerer i W3C!

Hej Listbet.

Kan du give et link til en side, hvor problemet opstår?
Vi kan jo ikke se hvordan din HTML kode ser ud, kan lige så godt være der
fejlen skulle ligge.

Mvh
Stig Sørensen
--
Gratis sms - Gratis Java spil - Gratis unlock
-- > http://Mobil.DontDoIt.dk < --



Lisbet Laursen (20-09-2003)
Kommentar
Fra : Lisbet Laursen

Dato : 20-09-03 12:09
Stig Sørensen wrote:
> "Lisbet Laursen" <lisbet@hotmail.com> wrote in message
> news:3f6c247b$0$24636$edfadb0f@dread14.news.tele.dk...
>> Hvorfor mon dette stylesheet ikke fungerer i Netscape, dvs. spalte 2
>> kommer under spalte 1 - og ikke til højre for som tilsigtet?
>>
>> Det validerer i W3C!

> Kan du give et link til en side, hvor problemet opstår?
> Vi kan jo ikke se hvordan din HTML kode ser ud, kan lige så godt være
> der fejlen skulle ligge.
Stig Sørensen wrote:
> "Lisbet Laursen" <lisbet@hotmail.com> wrote in message
> news:3f6c247b$0$24636$edfadb0f@dread14.news.tele.dk...
>> Hvorfor mon dette stylesheet ikke fungerer i Netscape, dvs. spalte 2
>> kommer under spalte 1 - og ikke til højre for som tilsigtet?

> Kan du give et link til en side, hvor problemet opstår?
> Vi kan jo ikke se hvordan din HTML kode ser ud, kan lige så godt være
> der fejlen skulle ligge.

Er det i orden at sende html koden her i stedet for? Jeg har allerede
til nogles frustration lavet en del om på det pågældende websted og
ønsker ikke at gøre det igen, før det er helt i orden.

Her kommer den (index.html):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<title>Varde Gymnasium & Hf - Forside</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="css/style.css">
<script language="Javascript" type="text/javascript"
src="menu.js"></script></head>

<body>

<img src="images/logo.gif" width="82" height="71" align="left" alt="">
<h1 class="centrer">Varde Gymnasium & Hf</h1>
<p class="centrer"><strong><font size="-1">Frisvadvej 72 - 6800 Varde -
Tlf 75 22 16 11 - Fax 75 22 05 98</font></strong> &nbsp;&nbsp;
<a href="mailto:vardegym@ribeamt.dk">Mail til
skolen&nbsp;&nbsp;</a>&nbsp;&nbsp;
<a href="mailto:LO@varde-gym.dk">Mail til webmaster</a></p>

<hr>
<strong><font size="-1"><a href="index.html"
target="_self">Forside</a></font></strong>



<p class="flydestop"></p>

<div id="spalte1">
<p><script language="Javascript"
type="text/javascript">MakeMenu()</script></p>
</div>

<div id="spalte2">
<div>
<p style="float:right; margin-left:15px; margin-bottom:10px;
margin-top:0px">
<img src="ikon/eksamen.jpg" width="322" height="274" align="bottom"
alt="" /></p>

<p style="margin-top:0px">
<h2>Information</h2><br>
<a href="dansk.html" target="_self"><img src="ikon/danishflag.gif"
width="36" height="24" align="bottom" border="0" alt="Dansk
information"></a>&nbsp;&nbsp;&nbsp;

<a href="english.html" target="_self"><img src="ikon/englishflag.gif"
border="0" width="36" height="24" align="bottom" alt="English
information"></a>&nbsp;&nbsp;&nbsp;

<a href="deutsch.html" target="_self"><img src="ikon/germanflag.gif"
width="36" height="24" align="bottom" border="0" alt="Deutsche
Information"></a>


<br><br>

<IMG height=24 alt="Velkommen" src="ikon/velkommen.gif"
border=0><br><br><br><br>
Undskyld ombygningsroderiet!<br><br>
<!-- WebWriter AutoDato -->Opdateret d. 20.9.2003<!-- WW --></div>
<p>
<a href="http://validator.w3.org/check/referer"> border="0"
src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01!" height="31" width="88"></a>
</p>


</div>



</body>

</html>




Anders Thorsen Holm (20-09-2003)
Kommentar
Fra : Anders Thorsen Holm

Dato : 20-09-03 12:05
Lisbet Laursen wrote:

> Hvorfor mon dette stylesheet ikke fungerer i Netscape, dvs. spalte
> 2 kommer under spalte 1 - og ikke til højre for som tilsigtet?

Hvis det er Netscape 4.x, der giver problemer, gider jeg sådan set
ikke hjælpe - den browser er død for mig

Men jeg tror, jeg ved, hvad der går galt:

> #spalte1 {
> float:left;
> width: 20%;
> height:100%;
> padding:5%;
> background-color:white;
> border:1px solid #55a;
>
> }
> #spalte2 {
> float:left;
> width: 80%;
> height:100%;
> padding:5%;
> border: 1px solid #55a;
> font-size:0.8em;
> }

Den totale bredde af et element er lig width+margin+border+padding.

Ovenfor definerer du #spalte1 til at have total bredde = 20% + 5% +
1px = 25%+1px og #spalte2 til at have total bredde = 80% + 5% + 1px =
85%+1px.

Sammenlagt giver det 110%+2px, hvilket er mere end de 100% der er til
rådighed.

Du kan løse det ved at ændre lidt i CSS'en og pakke hver af dine
spalter ind i en ekstra div. Noget i den her stil:

#spalte1 {
float:left;
width: 20%;
height:100%;
}

#spalte1body {
height: 100%;
padding:5%;
background-color:white;
border:1px solid #55a;
}

#spalte2 {
float:left;
width: 80%;
height:100%;
}

#spalte2body {
height: 100%;
padding:5%;
border: 1px solid #55a;
font-size:0.8em;
}

<div id="spalte1">
   <div id="spalte1body">
       <p>Dette er spalte 1.</p>
   </div>
</div>

<div id="spalte2">
   <div id="spalte2body">
       <p>Dette er spalte2.</p>
   </div>
</div>

Men en URL ville under alle omstændigheder hjælpe på
problemløsningen.

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

Anders Thorsen Holm (20-09-2003)
Kommentar
Fra : Anders Thorsen Holm

Dato : 20-09-03 12:08
Anders Thorsen Holm wrote:

> Ovenfor definerer du #spalte1 til at have total bredde = 20% + 5%
> + 1px = 25%+1px og #spalte2 til at have total bredde = 80% + 5% +
> 1px = 85%+1px.

Sludder. #spalte1 har total bredde 20% + 2*5% + 2*1px = 30%+2px og
#spalte2 har total bredde 80% + 2*5% + 2*1px = 90%+2px, hvilket i alt
giver 120%+4px... men problemet er jo det samme.

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

Lisbet Laursen (20-09-2003)
Kommentar
Fra : Lisbet Laursen

Dato : 20-09-03 12:22
Anders Thorsen Holm wrote:
> Lisbet Laursen wrote:
>
>> Hvorfor mon dette stylesheet ikke fungerer i Netscape, dvs. spalte
>> 2 kommer under spalte 1 - og ikke til højre for som tilsigtet?
>
> Hvis det er Netscape 4.x, der giver problemer, gider jeg sådan set
> ikke hjælpe - den browser er død for mig

Det drejer sig altså om Netscape 7.0.

> Men jeg tror, jeg ved, hvad der går galt:
>
>> #spalte1 {
>> float:left;
>> width: 20%;
>> height:100%;
>> padding:5%;
>> background-color:white;
>> border:1px solid #55a;
>>
>> }
>> #spalte2 {
>> float:left;
>> width: 80%;
>> height:100%;
>> padding:5%;
>> border: 1px solid #55a;
>> font-size:0.8em;
>> }
>
> Den totale bredde af et element er lig width+margin+border+padding.
>
> Ovenfor definerer du #spalte1 til at have total bredde = 20% + 5% +
> 1px = 25%+1px og #spalte2 til at have total bredde = 80% + 5% + 1px =
> 85%+1px.
>
> Sammenlagt giver det 110%+2px, hvilket er mere end de 100% der er til
> rådighed.

Det ser jo ud til, at det der er galt, er mit regnestykke, der bliver
til mere end 100% sammenlagt - den store matematiker har jeg desværre
aldrig været .

> Du kan løse det ved at ændre lidt i CSS'en og pakke hver af dine
> spalter ind i en ekstra div. Noget i den her stil:
>
> #spalte1 {
> float:left;
> width: 20%;
> height:100%;
> }
>
> #spalte1body {
> height: 100%;
> padding:5%;
> background-color:white;
> border:1px solid #55a;
> }
>
> #spalte2 {
> float:left;
> width: 80%;
> height:100%;
> }
>
> #spalte2body {
> height: 100%;
> padding:5%;
> border: 1px solid #55a;
> font-size:0.8em;
> }
>
> <div id="spalte1">
> <div id="spalte1body">
> <p>Dette er spalte 1.</p>
> </div>
> </div>
>
> <div id="spalte2">
> <div id="spalte2body">
> <p>Dette er spalte2.</p>
> </div>
> </div>

Hvis jeg nu følger dit forslag (ovenfor) om at pakke spalter ind i
ekstra div, skulle det så virke ved blot at skrive som anført i *.css
eller skal der så også tilføjes noget i html-delen?

> Men en URL ville under alle omstændigheder hjælpe på
> problemløsningen.

Ja, men da jeg allerede har generet nogle med mine forsøg på nyt design
til hjemmesiden, vil jeg helst vente med at uploade, indtil det er i
orden.
I gruppen dk.edb.internet.clientside har jeg lagt html - koden til mit
index.html, hvis det kan hjælpe - der handler spørgsmålet om menu.js.

Hilsen
Lisbet



Lisbet Laursen (20-09-2003)
Kommentar
Fra : Lisbet Laursen

Dato : 20-09-03 12:31
Lisbet Laursen wrote:
> I gruppen dk.edb.internet.clientside har jeg lagt html - koden til mit
> index.html, hvis det kan hjælpe - der handler spørgsmålet om menu.js.

Sludder og vrøvl - jeg har lagt html-koden i et tidligere indlæg her.

Hilsen
Lisbet



Anders Thorsen Holm (20-09-2003)
Kommentar
Fra : Anders Thorsen Holm

Dato : 20-09-03 12:37
Lisbet Laursen wrote:

> Det drejer sig altså om Netscape 7.0.

Helt fint. Det er bare bedst at klargøre, hvilken browser, der er
tale om. I øvrigt mener jeg helt oprigtigt det jeg skrev om Netscape
4.x

[snip]

> Hvis jeg nu følger dit forslag (ovenfor) om at pakke spalter ind i
> ekstra div, skulle det så virke ved blot at skrive som anført i
> *.css eller skal der så også tilføjes noget i html-delen?

Du ændrer din CSS ved at erstatte reglerne for #spalte1 og #spalte2
med dem, jeg har skrevet. Dertil skal du tilføje reglerne for
#spalte1body og #spalte2body.

Din HTML ændrer du, så det bliver i stil med det jeg skrev.

> Ja, men da jeg allerede har generet nogle med mine forsøg på nyt
> design til hjemmesiden, vil jeg helst vente med at uploade, indtil
> det er i orden.

Du kunne jo uploade en kopi / et eksempel med alle dertil hørende
filer i en undermappe, som brugerne ikke vil blive generet af, og så
henvise til denne.

> I gruppen dk.edb.internet.clientside har jeg lagt html - koden til
> mit index.html, hvis det kan hjælpe - der handler spørgsmålet om
> menu.js.

Det er besværligt at skulle kopiere kode fra usenet-indlæg, dertil
kan indlæg med masser af kode være svære at overskue. Læs eventuelt
Lasse Reichstein Nielsens glimrende lille vejledning:

   <http://www.infimum.dk/HTML/hjaelpmig.html>

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

Morten K. Hansen (20-09-2003)
Kommentar
Fra : Morten K. Hansen

Dato : 20-09-03 12:39
Den 20-09-2003 13:22, skrev Lisbet Laursen:
[...spørgsmål og løsning]
>
> Ja, men da jeg allerede har generet nogle med mine forsøg på nyt design
> til hjemmesiden, vil jeg helst vente med at uploade, indtil det er i
> orden.
> I gruppen dk.edb.internet.clientside har jeg lagt html - koden til mit
> index.html, hvis det kan hjælpe - der handler spørgsmålet om menu.js.
>
Du kan se hvordan det skal strikkes sammen på
http://hansen-winkel.dk/rod/lisbeth.html hvor jeg har sat Anders'
forslag ind i dit dokument. Som du kan se er der rettet både i css og
html filen.

--
Mvh / Regards
Morten K. Hansen   http://hansen-winkel.dk/
Replying by mail? Change 'spam' to my first name.


Lisbet Laursen (20-09-2003)
Kommentar
Fra : Lisbet Laursen

Dato : 20-09-03 13:16
Morten K. Hansen wrote:

> Du kan se hvordan det skal strikkes sammen på
> http://hansen-winkel.dk/rod/lisbeth.html hvor jeg har sat Anders'
> forslag ind i dit dokument. Som du kan se er der rettet både i css og
> html filen.

Tusind tak, det hjalp gevaldigt

Hilsen
Lisbet



Jesper Brunholm (20-09-2003)
Kommentar
Fra : Jesper Brunholm

Dato : 20-09-03 12:09
Lisbet Laursen wrote:

> Hvorfor mon dette stylesheet ikke fungerer i Netscape, dvs. spalte 2
> kommer under spalte 1 - og ikke til højre for som tilsigtet?

mener du netscape 6/7 eller 4

mvh

Jesper Brunholm


Lisbet Laursen (20-09-2003)
Kommentar
Fra : Lisbet Laursen

Dato : 20-09-03 12:25
Jesper Brunholm wrote:
> Lisbet Laursen wrote:
>
>> Hvorfor mon dette stylesheet ikke fungerer i Netscape, dvs. spalte 2
>> kommer under spalte 1 - og ikke til højre for som tilsigtet?
>
> mener du netscape 6/7 eller 4

Netscape 7.0

Hilsen
Lisbet



Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408939
Brugere : 218888
Månedens bedste
Årets bedste
Sidste års bedste
Copyright © 2000-2024 kandu.dk. Alle rettigheder forbeholdes.