/ 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
Baggrund bag ved to float'ende DIV kolonne~
Fra : No1


Dato : 09-01-04 16:16

Jeg har en div udenfor med en baggrund, som skal være baggrund for to
kolonner. Eksempel:

<div id="ydreDiv" style="background: url(baggrund.png);">
<div id="foersteKolonne" style="float: left;">Første kolonne...</div>
<div id="andenKolonne" style="float: left;">Anden kolonne...</div>
</div>

Men problemet er at baggrunden bliver ikke vist fordi ydreDiv ikke har
noget indhold.

Det er som om at de to kolonner ikke tæller som indhold når de floater.
Hvis jeg skriver en masse linjer tekst inde i ydreDiv, efter de to
kolonner, kommer baggrunden frem - ellers ikke.

Nogen ideer til hvordan jeg kan få en baggrund vist bag ved de to
kolonner, hvis jeg ikke skal bruge body's baggrund?

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


Dato : 09-01-04 16:22

No1 skrev:

> Men problemet er at baggrunden bliver ikke vist fordi ydreDiv
> ikke har noget indhold.

Har du et link til siden?
--
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

No1 (10-01-2004)
Kommentar
Fra : No1


Dato : 10-01-04 15:04

>>Men problemet er at baggrunden bliver ikke vist fordi ydreDiv
>>ikke har noget indhold.
>
>
> Har du et link til siden?

Nej, men her er en komplet html side der viser problemet:

<html>
<body>
<div id="ydreDiv" style="background: url(baggrund.png);
background-color: green;">
<div id="foersteKolonne" style="float: left;"><p>F&oslash;rste
kolonne...</p><p>1st</p></div>
<div id="andenKolonne" style="float: left;"><p>Anden
kolonne...</p><p>1st</p></div>

<!--
<p class="dummyText">x1</p>
<p class="dummyText">x2</p>
<p class="dummyText">x3</p>
<p class="dummyText">x4</p>
-->

</div>
</body>
</html>

Baggrunden skulle gerne vise sig bagved de to kolonner, men det gør den
ikke. Hvis der er indehold direkte i ydreDiv, kommer baggrunden dog frem
(prøv at fjerne kommentarerne udenom dummyteksten).

Jeg ville gerne have at de floatende kolonner ligesom dummyteksten talte
som indhold, så baggrunden kommer frem bag ved dem.

Jens Gyldenkærne Cla~ (10-01-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 10-01-04 23:13

No1 skrev:

>> Har du et link til siden?
>
> Nej, men her er en komplet html side der viser problemet:

Mit newsprogram er ikke særlig godt til at vise html-kode - og jeg
er for doven til selv at oprette et html-dokument med din kode.
Hvis du lægger en eksempelside på nettet, skal jeg gerne kigge på
den.
--
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

No1 (11-01-2004)
Kommentar
Fra : No1


Dato : 11-01-04 13:33

>>>Har du et link til siden?
>>
>>Nej, men her er en komplet html side der viser problemet:
>
>
> Mit newsprogram er ikke særlig godt til at vise html-kode - og jeg
> er for doven til selv at oprette et html-dokument med din kode.
> Hvis du lægger en eksempelside på nettet, skal jeg gerne kigge på
> den.

http://members.fortunecity.co.uk/popup2k/xtest.html

kommentarerne fjernet:
http://members.fortunecity.co.uk/popup2k/xtest2.html

Jeg er ked af at HTML koden er fyldt med reklamer og javascript. Men
effekten er den samme.

Jens Gyldenkærne Cla~ (11-01-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 11-01-04 17:39

No1 skrev:

> http://members.fortunecity.co.uk/popup2k/xtest.html
>
> kommentarerne fjernet:
> http://members.fortunecity.co.uk/popup2k/xtest2.html

Takker. Jeg vil foreslå dig at prøve med følgende div i stedet for
din dummytekst:

<div style="clear: left;"></div>

Jeg er ikke sikker på at det virker, men det er mit bedste bud.
Problemet er i hvert fald (i Mozilla) at din div får en beregnet
højde på 0. Derfor kan man ikke se baggrundsfarven.

Uanset om det virker eller ej, vil jeg foreslå dig at overveje at
validere din side. Der er mange fejl som den står nu.

> Jeg er ked af at HTML koden er fyldt med reklamer og
> javascript. Men effekten er den samme.

Fint nok. Min browser kan heldigvis filtrere en god del reklamer
væk, så jeg klarer mig nok endda - men hvis du har sider du vil
præsentere offentligt vil jeg alligevel foreslå dig et webhotel der
ikke smider reklamer efter de besøgende.
--
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

No1 (12-01-2004)
Kommentar
Fra : No1


Dato : 12-01-04 01:49

> <div style="clear: left;"></div>

Mange tak, det ser ud til at virke i Safari og MSIE, men ikke i Mozilla
(alle på Mac). Dog virker det også i Mozilla (1.6a), hvis jeg skriver
noget inden i div'en. Fx hvis jeg indsætter et x:

<div style="clear: left;"><p>x</p></div>

Det er som om at div'en bliver ignoreret når den ikke har noget indhold.
Jeg tror at jeg indtil viderere løser det ved at sætte visibility:
hidden i <p>aragraffen med x'et i. Hvis du har en bedre løsning er du
velkommen til at sige til.

> Jeg er ikke sikker på at det virker, men det er mit bedste bud.
> Problemet er i hvert fald (i Mozilla) at din div får en beregnet
> højde på 0. Derfor kan man ikke se baggrundsfarven.

Ja en TABLE udvider sig efter cellernes størrelse, men det gør en DIV
tilsyneladende ikke med "floating" elementer.

> Uanset om det virker eller ej, vil jeg foreslå dig at overveje at
> validere din side. Der er mange fejl som den står nu.

Ja, det har jeg også tænkt mig. Eksemplet var også kun lavet for at
demonstrere problemet. I den side jeg sidder og arbejder på er
stylesheetet også i en seperat fil og ikke blandet sammen med HTML'en.
Og reklamerne og javascripten kommer af at eksemplerne ligger på en
gratis host der automatisk putter reklamer på siden. Jeg bruger ikke den
konto til nogen rigig side, men oprettede den kun for at kunne smide
eksemplerne op et offentligt sted.

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

Månedens bedste
Årets bedste
Sidste års bedste