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

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Højde på div
Fra : Martin Poll


Dato : 29-08-05 23:08

Hej NG.
Kan i ikke hjælpe mig med hvad går galt her. Den div jeg har lavet bliver
forskellige i højden efter hvilken browser man bruger. Det virker fint i
Mozilla, men i Internet explore 6 bliver den ikke 3px høj som ønsket.
Koden er følgende.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html40/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>divetest</title>
<LINK
Type="text/css"
TITLE="stylesheet">
<style type="text/css">
#streg{
width: 150px;
height: 3px;
text-align: center;
background-color: #51A765;
}
</style>
</head>
<body>
<div>
<div id="streg"></div>
</div>
</body>
</html>

Med venlig hilsen
Martin



 
 
Jens Gyldenkærne Cla~ (29-08-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 29-08-05 23:14

Martin Poll skrev:

> Kan i ikke hjælpe mig med hvad går galt her. Den div jeg har
> lavet bliver forskellige i højden efter hvilken browser man
> bruger. Det virker fint i Mozilla, men i Internet explore 6
> bliver den ikke 3px høj som ønsket.

Har du et link til din side? Koden er udmærket, men et link er
lettere at gå til.

NB: Hvorfor bruger du en div til at lave en streg med? Har du
overvejet en stylet <hr> i stedet?
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Erik Ginnerskov (29-08-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 29-08-05 23:21

Martin Poll wrote:
> Hej NG.
> Kan i ikke hjælpe mig med hvad går galt her. Den div jeg har lavet
> bliver forskellige i højden efter hvilken browser man bruger. Det
> virker fint i Mozilla, men i Internet explore 6 bliver den ikke 3px
> høj som ønsket. Koden er følgende.

Læg i stedet siden online og kom med et link til siden. Det gør det meget
lettere både at se fejlen og at hjælpe.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



Allan Vebel (29-08-2005)
Kommentar
Fra : Allan Vebel


Dato : 29-08-05 23:57

Martin Poll <mpoll@FJERNadslhome.dk> skrev:

> bliver den ikke 3px høj som ønsket.

Jo, hvis du sætter font-size:1px; på din <div>, men det er
ikke den optimale måde at gøre det på.

> <div id="streg"></div>

Prøv med <img id="streg" src="transparent.gif" alt="streg">

og

#streg{
width:150px;
height: 3px;
background:#51A765;
}

Billedet er gennemsigtigt og på 10x10 pixels. Du kan
naturligvis også bruge en gif i den farve der skal bruges,
men den anden kan genanvendes til andre streger eller
andre ting.

For centrering, se http://html-faq.dk/2007.asp

--
Allan Vebel
http://html-faq.dk



Jens Gyldenkærne Cla~ (30-08-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 30-08-05 00:26

Allan Vebel skrev:

> Prøv med <img id="streg" src="transparent.gif" alt="streg">

Der er ingen grund til at bruge et billede for at lave en vandret
og ensfarvet streg - der findes et html-element til præcis dette
formål, nemlig hr.

Det vil nedgradere pænt (fungerer både uden billeder og uden css),
det kræver ikke et unødigt serverrequest (når billedfilen skal
hentes) og det er samtidig semantisk korrekt html.

HTML:
<hr>

CSS:
hr{
   background-color: blue;
   color: blue;
   height: 3px;
   border: none;
}

Både for- og baggrundsfarve skal sættes for at få ensartet
browservisning (af samme grund skal border også specificeres eller
fjernes).
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Martin Poll (30-08-2005)
Kommentar
Fra : Martin Poll


Dato : 30-08-05 20:32


"Jens Gyldenkærne Clausen" <jens@gyros.invalid> skrev i en meddelelse
news:Xns96C2E80594EEjcdmfdk@gyrosmod.cybercity.dk...
> Allan Vebel skrev:
>
>> Prøv med <img id="streg" src="transparent.gif" alt="streg">
>
> Der er ingen grund til at bruge et billede for at lave en vandret
> og ensfarvet streg - der findes et html-element til præcis dette
> formål, nemlig hr.
>
> Det vil nedgradere pænt (fungerer både uden billeder og uden css),
> det kræver ikke et unødigt serverrequest (når billedfilen skal
> hentes) og det er samtidig semantisk korrekt html.
>
> HTML:
> <hr>
>
> CSS:
> hr{
> background-color: blue;
> color: blue;
> height: 3px;
> border: none;
> }
>
> Både for- og baggrundsfarve skal sættes for at få ensartet
> browservisning (af samme grund skal border også specificeres eller
> fjernes).
> --
> Jens Gyldenkærne Clausen
> Svar venligst under det du citerer, og citer kun det der er
> nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
> hvordan på http://usenet.dk/netikette/citatteknik.html

Tak for svarene.
Til Allan,
Jo det virker med at sætte font-size:1px; så det brugbart til min lille
side.
Til jens. Jo jeg havde tænkt på det med <HR>, med tak for tippet med border
og background, det havde jeg ikke selv kunne gætte mig til.

Hvad er det som går galt når man ikke kan sætte højde på <DIV> og forvente
en ens visning i explore og Firefox. ? Jeg har siddet og leget lidt og
fundet ud af at alt under 19 px vil blive vist som 19 px, og alt over 19 pix
bliver vist korrekt i explore.

Med venlig hilsen
Martin Poll



Erik Ginnerskov (30-08-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-08-05 22:33

Martin Poll wrote:

> Hvad er det som går galt når man ikke kan sætte højde på <DIV> og
> forvente en ens visning i explore og Firefox. ?

Mon ikke der er forskel på browsernes defaulte padding i en div? Hvis du i
css nulstiller alt og derefter sætter de forskellige elementers ønskede
værdier for padding og margin, skulle du opnå ens visning i alle browsere:

* {
padding:0;
margin:0;
}
div {
padding:3px;
margin:10px;
}
osv.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



Allan Vebel (31-08-2005)
Kommentar
Fra : Allan Vebel


Dato : 31-08-05 22:44

Martin Poll <mpoll@FJERNadslhome.dk> skrev:

> Jo det virker med at sætte font-size:1px; så det
> brugbart til min lille side.

Det var nu mest for at illustrere hvorfor det ikke fungerede
for dig, og browsernes forskellige måde at tolke det på.

> højde på <DIV> og forvente en ens visning...

Vi har måttet leve med browseres forskellighed gennem
mange år, og de fortolker da også kode mere ens end i
1997, men der er stadig nogle forskelle vi er nødt til at
forholde os til som udviklere.

Prøv for eksempel at se Jens Gyldenkærne Clausens
http://www.gyros.dk/usenet/html/hr.shtml i forskellige
browsere - så kan du se hvad vi er ude i, og hvad der skal
til for en ensartet visning.

--
Allan Vebel
http://html-faq.dk



Allan Vebel (31-08-2005)
Kommentar
Fra : Allan Vebel


Dato : 31-08-05 22:59

Jens Gyldenkærne Clausen <jens@gyros.invalid> skrev:

> der findes et html-element til præcis dette formål, nemlig
> hr.

Det er jeg klar over.

> (af samme grund skal border også specificeres eller
> fjernes).

Den med border:none; burde du have opdateret i
http://www.gyros.dk/usenet/html/hr.shtml

--
Allan Vebel
http://html-faq.dk



Jens Gyldenkærne Cla~ (01-09-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 01-09-05 09:12

Allan Vebel skrev:

> Den med border:none; burde du have opdateret i
> http://www.gyros.dk/usenet/html/hr.shtml

Det kan der være noget om. Siden er oprindeligt kun lavet for at
demonstrere hvordan man farver et hr-element - uden at tage hensyn
til størrelsen. Men da mange givetvis både vil farve og bestemme
størrelsen, ville en opdatering nok være på sin plads.

Jeg vil prøve at sætte tid af til det, men lover ikke noget.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408943
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste