Avatar billede safl Nybegynder
20. oktober 2004 - 17:31 Der er 11 kommentarer og
1 løsning

Div bryder ud af parent DIV

Hello!

Jeg ligger og roder med lidt CSS sjov. Det er væsentligt nemme at vise problemet end at beskrive det så se denne side:
http://www.safl.dk/saffi/
i Firefox og i Internet Explorer.
I explorer bliver det renderet som jeg vil have det. Skyggen til højre og venstre fortsætter hele vejen ned. Hvor den i Firefox stopper umotiveret midt i det hele.
Hvad går der galt om hvordan fixes det?

mvh Simon
Avatar billede roenving Novice
20. oktober 2004 - 17:39 #1
Tjah, hvorfor det går galt er jeg ikke klar over, men er stødt ind i problematikken før, så jeg tror du skal have fat i et synkroniseringsscript:

<script type="text/javascript">
var elms = ['left','middle','right'];//Angiv id'er på de elementer, som skal synkroniseres -- antallet er ligegyldigt !-)

function synchronizeDivs(){
  var maxH = 0;
  for(i=0;elms.length>i;i++){
    maxH = Math.max(maxH,document.getElementById(elms[i]).offsetHeight);
  }
  for(i=0;elms.length>i;i++){
    document.getElementById(elms[i]).style.height=maxH + 'px';
  }
}
window.onload = synchronizeDivs;
</script>
Avatar billede safl Nybegynder
20. oktober 2004 - 18:06 #2
Er det ikke lige lovlig overkill?
Der må da være en simplere måde at gøre det på. Vil helst undgå javascript.
Avatar billede roenving Novice
20. oktober 2004 - 18:09 #3
-- ikke såvidt jeg ved, men jeg ville også gerne finde en metode !-)
Avatar billede safl Nybegynder
20. oktober 2004 - 20:08 #4
Der må være en anden måde eller også gør jeg noget forkert.
Det script virker ihvertfald heller ikke efter hensigten.
Avatar billede roenving Novice
21. oktober 2004 - 00:10 #5
Har du sat id ind på præcis de elementer, som skal synkroniseres ?-)
Avatar billede safl Nybegynder
21. oktober 2004 - 06:27 #6
Ja.
Det script virker kun hvis man har x antal divs med forskellig højde der er placeret "ved siden af hinanden". Da scriptet simpelthen blot givet alle divs den samme højde som så er lig med højden på den højeste div.
Men da mine divs ligger oven på hinanden kan det ikke bruges til noget.
Avatar billede roenving Novice
21. oktober 2004 - 16:13 #7
Men du skal vel have samme højde på den omkringliggende, som på den indeni ?-)

-- og scriptet er rasende ligeglad om de ligger indeni, udenpå, ved siden af eller noget, den sætter bare samme højde på de angivne elementer, nemlig den højeste !-)

-- så du skal angive containeren og hoveddiven og ikke andet !o]
Avatar billede notes2c Nybegynder
21. oktober 2004 - 17:03 #8
For mig at se så mangler du et <dl> start tag, for hvis jeg sætter et sådan tag ind, så validere koden og det ser pent ud.

eks her:
Email: <a href="mailto:safl@safl.dk">safl@safl.dk</a><br />
<br />
<dl>  <!-- *** indsat -->
<dt>2003-2004:</dt>
Avatar billede safl Nybegynder
21. oktober 2004 - 19:14 #9
Den er nu stadig gal.
Avatar billede notes2c Nybegynder
21. oktober 2004 - 19:54 #10
Sorry, det er først nu jeg kan se hvad problemet er, da jeg gjore mit browser vindue mindre
Avatar billede notes2c Nybegynder
21. oktober 2004 - 21:07 #11
Har læst et eller sted, kan ikke huske hvor omkring dette problem. Har noget at gøre med  hvorledes ie kontra firefox ser browser vinduet. Noget med at i firefox, så er størrelsen på vinduet kun det som er synligt og ikke hele siden. Så det er noget med at arb. videre med roenving's ide, dog ville jeg mene at man også skal køre funktionen ved resize af vindue
Avatar billede safl Nybegynder
24. september 2005 - 20:35 #12
lukket
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