/ 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
problem med margin-top: 0px;
Fra : Frank Sørensen


Dato : 28-01-03 20:25

Sidder og koder en ny side og har besluttet at jeg med denne side vil holde
mig til dagens standarder
Men efter skiftet fra html 4.01 transitional til xhtml1.0 transitional, har
jeg fået et problem med at få mit banner helt i toppen af siden.

Her er link til siden:
http://www.bpfc.dk/andre/bpfc/default3.html


MVH
Frank Sørensen

her er koden til henholdsvis html siden og css'en:

**** HTML ****
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>Barba Papa FC</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1"></meta>
<link rel="stylesheet" type="text/css" href="style.css"></link>
</head>
<body>
<table class="background">
<tr>
<td valign="top">
<table class="banner">
<tr>
<td></td>
</tr>
</table>
<table class="content">
<tr>
<td class="left"></td>
<td class="center" valign="top">
<p>
<a href="http://validator.w3.org/">
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!"/>
</a>
<a href="http://jigsaw.w3.org/css-validator/">
<img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!"/>
</a>
</p>
</td>
<td class="right"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
**** HTML SLUT ****

**** CSS ****
body {
background-color: #39597D;
height: 100%;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
text-align: center;
}

body, html {
height: 100%;
}

img {
border: 0px;
}

table {
padding: 0px;
border-spacing: 0px;
}

table.background {
margin-left: auto;
margin-right: auto;
height: 100%;
width: 766px;
text-align: center;
background: url(pics/main_bg.jpg);
}

table.banner {
margin-left: auto;
margin-right: auto;
height: 176px;
width: 750px;
text-align: center;
background: url(pics/banner5.jpg) no-repeat;
}

table.content {
margin-left: auto;
margin-right: auto;
height: 100%;
width: 750px;
text-align: center;
}

td.left {
width: 120px;
}

td.right {
width: 120px;
}

td.center {
width: 510px;
text-align: center;
}
**** CSS SLUT ****



 
 
Lasse Reichstein Nie~ (28-01-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 28-01-03 20:43

"Frank Sørensen" <frank2@tdc*REMOVE*adsl.dk> writes:

> Sidder og koder en ny side og har besluttet at jeg med denne side vil holde
> mig til dagens standarder

Fint!

> Men efter skiftet fra html 4.01 transitional til xhtml1.0 transitional,

Brug Strict, det er sjovere! :)

> har jeg fået et problem med at få mit banner helt i toppen af siden.
>
> Her er link til siden:
> http://www.bpfc.dk/andre/bpfc/default3.html

Ser godt nok ud i Mozilla, sidder lidt under toppen i opera. Det
skyldes at Opera bruger padding i stedet for margin på body. Sæt
padding:0px også.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'

Frank Sørensen (28-01-2003)
Kommentar
Fra : Frank Sørensen


Dato : 28-01-03 21:26

> Ser godt nok ud i Mozilla, sidder lidt under toppen i opera. Det
> skyldes at Opera bruger padding i stedet for margin på body. Sæt
> padding:0px også.

Virker stadig ikke i IE....



Frank Sørensen (28-01-2003)
Kommentar
Fra : Frank Sørensen


Dato : 28-01-03 21:51

> Virker stadig ikke i IE....

Har fundet en løsning men kan ikke forstå at det er nødvendigt.
udover at have angivet padding og border-spacing i css på tabellen, var det
nødvendigt at angive:
cellpadding="0" og cellspacing="0" direkte på tabellen...

Håber nogen kan forklare hvorfor

MVH
Frank Sørensen



Jens Gyldenkærne Cla~ (28-01-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 28-01-03 22:23

Frank Sørensen skrev:

> Har fundet en løsning men kan ikke forstå at det er
> nødvendigt. udover at have angivet padding og border-spacing i
> css på tabellen, var det nødvendigt at angive:
> cellpadding="0" og cellspacing="0" direkte på tabellen...

Det kan formentlig også klares ved at sætte padding og margin på
td og evt. tr-elementerne.

> Håber nogen kan forklare hvorfor

Forklaringen er sandsynligvis at IE har en standardmargen/fyld på
tabelcellerne som genererer mellemrummet. Jeg kan ikke afgøre om
det er en fejl hvis margen- og fyldværdier sat på fx table-
elementet ikke nedarves til td og tr, men sætter man værdien
eksplicit for alle tre elementer skulle man være på den sikre side.
--
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 : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste