/ 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
Anbringe billeder i en div
Fra : Kurt G


Dato : 21-03-11 09:28

Hej.
Jeg har problemer med, at nogle billeder anbringer sig uden for en div.

Jeg har:
<head>
<style type="text/css" media="screen">
/*---------------------------------------------------*/
body
{
Width: 960px;
margin-left:auto;
margin-right:auto;
}
/*---------------------------------------------------*/
#banner {
border:solid 01px black;
}
/*---------------------------------------------------*/
</style>
</head>
<body>
<div id="banner">
<div style="position:absolute; top:7px; left:20px; width:100px;"><img
src="Uldmand100.jpg" Alt=""></div>
<div style="position:absolute; top:7px; right:20px; width:100px;"><img
src="pigen100.jpg" Alt=""></div>
<h1>Ikast Slægt- og<br>Lokalhistoriske Forening</h1>
<div id= "banner2">
-----Mere tekst-----
</div>
</div> <!-- banner -->
</body>
</html>

Dette laver en sort kasse på 960px i bredden, som er centreret på siden, men
billederne er uden for containeren.
Sammen med lidt mere indhold, som ikke burde betyde noget, kan det ses på
http://www.hsra.dk/test1-12.htm

Mvh Kurt



 
 
Birger Sørensen (21-03-2011)
Kommentar
Fra : Birger Sørensen


Dato : 21-03-11 10:26

Efter mange tanker skrev Kurt G:
> Hej.
> Jeg har problemer med, at nogle billeder anbringer sig uden for en div.
>
> Jeg har:
> <head>
> <style type="text/css" media="screen">
> /*---------------------------------------------------*/
> body
> {
> Width: 960px;
> margin-left:auto;
> margin-right:auto;
> }
> /*---------------------------------------------------*/
> #banner {
> border:solid 01px black;
> }
> /*---------------------------------------------------*/
> </style>
> </head>
> <body>
> <div id="banner">
> <div style="position:absolute; top:7px; left:20px; width:100px;"><img
> src="Uldmand100.jpg" Alt=""></div>
> <div style="position:absolute; top:7px; right:20px; width:100px;"><img
> src="pigen100.jpg" Alt=""></div>
> <h1>Ikast Slægt- og<br>Lokalhistoriske Forening</h1>
> <div id= "banner2">
> -----Mere tekst-----
> </div>
> </div> <!-- banner -->
> </body>
> </html>
>
> Dette laver en sort kasse på 960px i bredden, som er centreret på siden, men
> billederne er uden for containeren.
> Sammen med lidt mere indhold, som ikke burde betyde noget, kan det ses på
> http://www.hsra.dk/test1-12.htm
>
> Mvh Kurt

tilføj
position:relative;
til din banner.

Det er noget med en "hasLayout" attribut, som man ikke kan sætte
direkte, men den bliver sat hvis man sætter dimensioner (top, left,
width, height) på elementet. Ved at sætte position (til noget andet end
static, som betyder at elementet skal følge flowet), sættes dimensioner
- de er bare 0, når man ikke giver nogen.
Hvis "hasLayout" ikke er sat, er det parent elementet der tegner - og
det bliver forkert i dit tilfælde.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Kurt G (21-03-2011)
Kommentar
Fra : Kurt G


Dato : 21-03-11 12:31

"Birger Sørensen" <sdc@bbsorensen.com> skrev i en meddelelse
news:4d8719b4$0$23751$14726298@news.sunsite.dk...
> Efter mange tanker skrev Kurt G:
>> Hej.
>> Jeg har problemer med, at nogle billeder anbringer sig uden for en div.
>>
>> Jeg har:
>> <head>
>> <style type="text/css" media="screen">
>> /*---------------------------------------------------*/
>> body
>> {
>> Width: 960px;
>> margin-left:auto;
>> margin-right:auto;
>> }
>> /*---------------------------------------------------*/
>> #banner {
>> border:solid 01px black;
>> }
>> /*---------------------------------------------------*/
>> </style>
>> </head>
>> <body>
>> <div id="banner">
>> <div style="position:absolute; top:7px; left:20px; width:100px;"><img
>> src="Uldmand100.jpg" Alt=""></div>
>> <div style="position:absolute; top:7px; right:20px; width:100px;"><img
>> src="pigen100.jpg" Alt=""></div>
>> <h1>Ikast Slægt- og<br>Lokalhistoriske Forening</h1>
>> <div id= "banner2">
>> -----Mere tekst-----
>> </div>
>> </div> <!-- banner -->
>> </body>
>> </html>
>>
>> Dette laver en sort kasse på 960px i bredden, som er centreret på siden,
>> men billederne er uden for containeren.
>> Sammen med lidt mere indhold, som ikke burde betyde noget, kan det ses på
>> http://www.hsra.dk/test1-12.htm
>>
>> Mvh Kurt
>
> tilføj
> position:relative;
> til din banner.
>
> Det er noget med en "hasLayout" attribut, som man ikke kan sætte direkte,
> men den bliver sat hvis man sætter dimensioner (top, left, width, height)
> på elementet. Ved at sætte position (til noget andet end static, som
> betyder at elementet skal følge flowet), sættes dimensioner - de er bare
> 0, når man ikke giver nogen.
> Hvis "hasLayout" ikke er sat, er det parent elementet der tegner - og det
> bliver forkert i dit tilfælde.
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>
Tak, Birger, du havde som sædvanlig ret!
Mvh Kurt



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

Månedens bedste
Årets bedste
Sidste års bedste