/ 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
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 : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888
Månedens bedste
Årets bedste
Sidste års bedste
Copyright © 2000-2024 kandu.dk. Alle rettigheder forbeholdes.