01. maj 2002 - 15:20 Der er 19 kommentarer og
1 løsning

<div> må ikek blive stærkere end <body>

Hej,

jeg har et div tag som er placret 500px; inde på siden. Derfra skal den gå ud til højre side, og så stoppe.

men den går 100% ud + 500px; det skal den ikke. Jeg kunne så sligge en overflow; hidden; i body, men vil ikke bruge den fordi:
1. Mozilla ´kan ikke klare det tag, den forstår det ikke.
2. Hvis man markere noget tekst og presser mussen ud mod højre, så kommer man der ud alligevel.

Så havde jeg forstillet mig noget javascript løsning
if screen.width == 800 {
skal width være: Xpx;
}
if screen.width == 1024 {
skal width være: XXpx;
}

Men syntes ikke helt den holder :). Så kom jeg i midlertid på en anden ide, document.write(screen.width - 500) og den virker. men hvordan kan jeg udskrive den,

<div style="background-color: black; width: <script language="javascript" type="text/javascript">document.write(screen.width - 500)</script">">
sdsd
</div>

det var ikke lige noget som jeg kunne få til at virke :).
Altså hvordan udskrive jeg i screen.width - 5 i et div tag, midt i en styl attribut?

Har i andre ide'er er i velkomne.

Casper // httP://ildstorm.dk
Avatar billede lequet Nybegynder
01. maj 2002 - 15:25 #1
<script>
document.getElementById["ditDiv"].style.width = screen.width - 500 ;
</script>

<div id="ditDiv" style="width:500">

</div>

Tror jeg :)
Avatar billede el_gnu Nybegynder
01. maj 2002 - 15:26 #2
udskriv hele <div> tagget med JavaScript. Du kan  nemlig ikke neste tags inden i hinanden
01. maj 2002 - 15:28 #3
Kunne ikke helt få det til at virke,

document.getElementById["ditDiv"].style.width = screen.width - 500 ;

skal jeg også udksrive width:500px; selv om
document.getElementById["ditDiv"].style.width = screen.width - 500 ;

se ud til at fortælle den det?
01. maj 2002 - 15:29 #4
el_gnu >> ok, nå man skal skildne mellem strenge og variabler i PHP er det . man bruger, i Visual Basic er det &
echo "te" & $te; f.eks hvad er det i Javascript ?
Avatar billede lequet Nybegynder
01. maj 2002 - 15:31 #5
Så skal du bruge +
Avatar billede lequet Nybegynder
01. maj 2002 - 15:32 #6
Grunden til at jeg har sat width:500 i div'et er blot fordi jeg er vandt til det, ved ikke om det har nogen betydning, ved ikke lige hvorfor du ikke kan få det til at virke, for det burde det :)
01. maj 2002 - 15:35 #7
Ok. Tror jeg er ve dat få det her til at virke, men den siger der mangler ;
<!--TopY-->
<script language="javascript" type="text/javascript">
document.write('<div class="topy" style="width:" + screen.width - 430 + "px;">')
<img src="topy.gif" alt="X">
document.write('</div>')
</script>
<!--/TopY-->
Avatar billede lequet Nybegynder
01. maj 2002 - 15:37 #8
document.write('<img src="topy.gif" alt="X">')

Skal du i hvert fald skrive, du kan ikke skrive rent HTML i et script
Avatar billede el_gnu Nybegynder
01. maj 2002 - 15:38 #9
<!--TopY-->
<script language="javascript" type="text/javascript">
document.write('<div class="topy" style="width:" + screen.width - 430 + "px;">');
document.write('<img src="topy.gif" alt="X">');
document.write('</div>');
</script>
<!--/TopY-->
01. maj 2002 - 15:39 #10
Arhh... kan godt se det nu, en tanktorsk fra min side :)
takker, er der ev. nogle som er intresseret i point?
Avatar billede lequet Nybegynder
01. maj 2002 - 15:40 #11
Tør du spørge om det :) Et svar fra mig kommer her, så må du selv om hvordan du vil fordele :)
01. maj 2002 - 15:44 #12
Hmm... det virker ikke, eller der kommer ingen fejl,
document.write('<div class="topy" style="width:" screen.width - 500 "px; background-image: url(bgy.gif);">'); det giver ingen fejl, men <div> tagget bliver heller ikke screen.width - 500px langt.
01. maj 2002 - 15:44 #13
lequet jeg Acceptere dit, men venter lige til El_Gnu har svaret hvis han vil :).
Avatar billede lequet Nybegynder
01. maj 2002 - 15:46 #14
document.write('<div class="topy" style="width:" + screen.width - 500 + "px; background-image: url(bgy.gif);">');

Er du sikker på du ikke er lidt træt :) Du manglede +
Avatar billede lequet Nybegynder
01. maj 2002 - 15:47 #15
document.write('<div class="topy" style="width:"' + screen.width - 500 + '"px; background-image: url(bgy.gif);">');

Damn it, tror også jeg er lidt små træt :) Så skulle det vist virke
01. maj 2002 - 15:50 #16
Det der udsdskrev noget al'a NaNpx.

document.write('<div class="topy" style="width:' + screen.width - 500 + 'px;'">');

Det burde da kunne gøre det, ik? Men den giver fejl, Unterderfimated Strings eller sådan noget :).

Træt, ja :)
Avatar billede lequet Nybegynder
01. maj 2002 - 15:53 #17
document.write('<div class="topy" style="width:' + screen.width - 500 + 'px;">');

Tja, det er sgu lidt underligt, er slet ikke vant til at lave det på den måde :) Men sådan her tror jeg det må være
01. maj 2002 - 16:11 #18
/me ved godt hvorfor den fejler:)
document.write('<div class="topy" style="width:' + (screen.width - 700) + 'px;">');
hehe

venter lige til El_Krog lægger et svar
Avatar billede lequet Nybegynder
01. maj 2002 - 16:14 #19
*gg* Tja, der kan man se :)
02. maj 2002 - 19:10 #20
Det ser ikke sådan ud, el_krog skirv lige hvis du vil hjave nogle point: admin@enter-s.dk
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester