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.

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?
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.

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;
} |