Toon posts:

[Div] Overflow werkt niet?

Pagina: 1
Acties:

Verwijderd

Topicstarter
Omdat een paar computers nogal over hun nek gingen over mijn tabelstructuur heb ik besloten om een deel hiervan om te zetten in divjes.

Wat ik graag wou hebben is een div met hierin twee ander div's die naast elkaar staan. Dat heb ik na uren klooien en zoeken eindelijk voor elkaar. Nu zat ik effe te kijken en bleek dat ze het nogsteeds niet goed doen.
Afbeeldingslocatie: http://path-il.com/forumimages/screen.jpg

Het groene vak is een uitklapmenu waar met toggle-divs een menu wordt getoond of verborgen. Het roze vlak is het vlak waar alle info inkomt. Het rode vlak is de div waar de twee andere div's in staan. Dat doet het nu maar als ik op een menu-item klik dan wordt de rode div gelijk een stuk groter zodat het in de div past. Maar een fractie van een seconde later springt ie weer omhoog en zie je nogmaar de helft van het menu. In het plaatje heb ik trasnparant gemaakt wat je dus een halve seconde wel ziet.

NU is de bedoeling dat de rode div gewoon groter wordt als of de menu-div het grootst is of de inhoud-div het grootst is. Ik heb beide wel bereikt maar niet samen.

Heeft iemand een idee wat ik fout heb gedaan? Ik heb overflow overal ingezet maar bij niet een deed hij het, moet ik iets anders gebruiken?

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
.content {
    overflow: visible;
  float: left;
  left : 190;
  top: 129;
  color : #000000;
  padding : 1px;
  display: inline; 
  float: left;
}
#mainNews {
  float: left;
  background-color: #F1F9FF;
  border: 1px solid #CCC;
  color: #000;
  left: 2px;
  padding: 2px 2px 2px 2px;
  width: 500;
}

#mainMenu {
  float: left;
  width : 170px;
  color : #000000;
  left: 1px;
  padding : 1px;
  background-color: #F1F9FF;
  border: 1px solid #CCC;
  color: #000;
}



offtopic:
http://www.dto.tudelft.nl/mirhtml/ helemaal doorgelezen maar werd er niet wijzer van ;(

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

value's in px:
code:
1
left: 190px;


ik zie dubbele float's in 1 class.

Misschien moet je ff aangeven dat de hoogte van je body 100% is.

Verder heb ik meer code of liever een voorbeeldpage nodig om een betere inschatting te maken.
Voor hetzelfde geldt heb je een fout in de html staan, en dat kan ik hiervandaan niet zien...

www.jurgroessen.nl


Verwijderd

Topicstarter
Bedankt maar ik ben er inmiddels achter. De oplossing van body 100% had ik al geprobeerd en het leek ook goed te gaan maar toch niet helemaal. Uiteindelijk bleek een javascript die ik als ticker gebruik roet in het eten te gooien. Erg raar want geen van de divs had een naam die uberhaupt ook maar in het script werden gebruikt.. maar op een of andere manier zette hij de overflow steeds weer op : invisible.


Van mij mag er een slotje op B)