/ 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 repeat baggrund.
Fra : EnjoyNews


Dato : 28-03-06 22:58

Hej igen igen

Jeg har prøvet at lave en baggrund der skal fylde hele baggrunden ud men det
gør den bare ikke.

Meningen er at billedet LayoutSideBack.png som fylder hele bredden skal
repeat'es ned af skærmen, men det gør den ikke.
Det virker i IE men ikke i Firefox

Siden ligger her
http://www.mltr-universe.dk/TEST/

og koderne er her.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>Untitled Document</title><link rel="stylesheet" href="CSS/Style.css"
type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>

<div class="screen">
<div class="side">
<div class="sidetop"></div>
<div class="sideindhold">Velkommen</div>
</div>
<div class="sidebund"></div>
</div>

</body>
</html>

I stylesheet'et

body {background: url(../Layout/Sidelayout/Tern.png);
background-repeat: repeat;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;}

html, body {margin: 0;
padding: 0;}

..screen {background: url(../Layout/Sidelayout/LayoutSideBack.png);
background-repeat: repeat-y;
width: 982px;
margin: auto;}

..side {position: relative;
float: right;
width: 816px;
padding:0;}

..sidetop {position:relative;
top: 0px;
left: 0px;
z-index: 0;
background: url(../Layout/Sidelayout/LayoutSideTop.png);
width: 816px;
height: 49px;}

..sidebund {background: url(../Layout/Sidelayout/LayoutBund.png);
background-position: bottom;
float: right;
width: 982px;
height: 111px;}

..sideindhold {width: 600px;
z-index: 2;
text-align: center;
margin: auto;}



 
 
Thomas Jari (28-03-2006)
Kommentar
Fra : Thomas Jari


Dato : 28-03-06 23:24

On Tue, 28 Mar 2006 23:57:54 +0200, "EnjoyNews" <a@a.dk> wrote:

>Hej igen igen

Hvad sker der, hvis du sætter en float:left; på .screen


--
Thomas Jari
http://blog.weblogging.dk

EnjoyNews (29-03-2006)
Kommentar
Fra : EnjoyNews


Dato : 29-03-06 01:24


"Thomas Jari" <polle@nospam.danmark> skrev i en meddelelse
news:3qdj22tgn8i8cbhsnhqpnhh97u2ake7sf1@4ax.com...
> On Tue, 28 Mar 2006 23:57:54 +0200, "EnjoyNews" <a@a.dk> wrote:
>
> >Hej igen igen
>
> Hvad sker der, hvis du sætter en float:left; på .screen

Ja... så virker det.. ??? hmm.

Er der en logisk forklaring på det... Mere fordi det jo ikke lige var
meningen at det skulle stå derude



Thomas Jari (29-03-2006)
Kommentar
Fra : Thomas Jari


Dato : 29-03-06 08:33

On Wed, 29 Mar 2006 02:23:50 +0200, "EnjoyNews" <a@a.dk> wrote:

>
>"Thomas Jari" <polle@nospam.danmark> skrev i en meddelelse
>news:3qdj22tgn8i8cbhsnhqpnhh97u2ake7sf1@4ax.com...
>> On Tue, 28 Mar 2006 23:57:54 +0200, "EnjoyNews" <a@a.dk> wrote:
>>
>> >Hej igen igen
>>
>> Hvad sker der, hvis du sætter en float:left; på .screen
>
>Ja... så virker det.. ??? hmm.
>
>Er der en logisk forklaring på det... Mere fordi det jo ikke lige var
>meningen at det skulle stå derude
>

Du skal bare sætte en div rundt om det hele, som er centreret.


--
Thomas Jari
http://blog.weblogging.dk

EnjoyNews (29-03-2006)
Kommentar
Fra : EnjoyNews


Dato : 29-03-06 14:32


"Thomas Jari" <polle@nospam.danmark> skrev i en meddelelse
news:g1ek22h0vu8k3gd7c8sobqb7cj7r51i875@4ax.com...
> On Wed, 29 Mar 2006 02:23:50 +0200, "EnjoyNews" <a@a.dk> wrote:
>
> >
> >"Thomas Jari" <polle@nospam.danmark> skrev i en meddelelse
> >news:3qdj22tgn8i8cbhsnhqpnhh97u2ake7sf1@4ax.com...
> >> On Tue, 28 Mar 2006 23:57:54 +0200, "EnjoyNews" <a@a.dk> wrote:
> >>
> >> >Hej igen igen
> >>
> >> Hvad sker der, hvis du sætter en float:left; på .screen
> >
> >Ja... så virker det.. ??? hmm.
> >
> >Er der en logisk forklaring på det... Mere fordi det jo ikke lige var
> >meningen at det skulle stå derude
> >
>
> Du skal bare sætte en div rundt om det hele, som er centreret.

altså du mener lave en div på width: 100%; height: 100%; text-align: center;
og så lægge det ind i den ?



Allan Vebel (29-03-2006)
Kommentar
Fra : Allan Vebel


Dato : 29-03-06 16:25

EnjoyNews skrev:

>> Du skal bare sætte en div rundt om det hele, som er
>> centreret.
>
> altså du mener lave en div på width: 100%; height: 100%;
> text-align: center; og så lægge det ind i den?

Prøv at se metoden på http://html-faq.dk/2007.asp

--
Allan Vebel
http://html-faq.dk - nu også med rss



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste