Vaste grootte divs
Ik maak gebruik van divs..
Nu heb ik bij een gastenboek, dat de groote van de div verspringt, zo komt het onder elkaar te staaan ipv. naast elkaar. Bij alle andere pagina's werkt het wel.. (alles wordt namelijk in die div ge-include)
Hoe kan ik de grote van de div nou vast zetten? Heb wel in css bijv. width=80%
Ook al wat geprobeerd met position, Maar het werk allemaal niet.. Alleen bij het invullen van het gastenboek verspringt het allemaal. Wie weet wat ik fout kan doen..
Gewijzigd op 01/01/1970 01:00:00 door Test test
Dus om position: absolute; te gebruiken heeft weinig zin.
Maar probeer eerst maar even te kijken wat dit doet:
float: right;
Geef geen position waarde.
Zonder broncode kunnen wij hier ook niets mee.
Voor overflow heb je een aantal mogelijkheden:
overflow: hidden; als je nooit scrollbalken wilt zien. Je moet dan wel zelf in de gaten houden dat de content niet te hoog/breed wordt.
overflow: auto; dan krijg je alleen scrollbalken als het nodig is.
overflow: scroll; dan krijg je sowieso scrollbalken.
Code (php)
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<?php
<tr> <td class="tablerows_gbentries">
<table border="0" cellspacing="0" cellpadding="0" class="gbentry">
<form action="<?php echo $_SERVER["PHP_SELF"]; ? >?pag=mn_guestbook/guestbook&action=write" method="post" name="post">
<tr class="writerows">
<td class="leftside">
[code]<?php echo "<span style=\"font-weight: bold;\">".$lang["poster_email"].":</span>"; ? >
</td>
<td class="rightside">
<input class="formfields" type="text" name="gbEmail" maxlength="100" size="35" value="<?php echo $gbEmail; ? >" />
</td>
</tr>
!!!2 VELDEN ER TUSSEN UIT GEHAALD ANDERS WERD HET ZO LANG!!!
<tr class="writerows">
<td class="leftside">
[code]<?php echo "<span style=\"font-weight: bold;\">".$lang["poster_message"].":</span>"; ? >
</td>
<td class="rightside">
<table border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
< ?php
ubbcodebuttons();
? >
<textarea class="formfields" id="gbMessage" name="gbMessage" cols="40" rows="8" onfocus="getTarget('gbMessage')" onselect="storeCursor(this)" onkeyup="storeCursor(this)" onclick="storeCursor(this)">[code]<?php echo $gbMessage; ? ></textarea>
</td>
< ?php
showsmilies();
? >
</td>
</tr>
</table>
</td>
</tr>
<tr class="writerows">
<td class="leftside">
</td>
<td class="rightside">
<input class="buttons" type="submit" name="submit" value="<?php echo $lang["buttons_submit"]; ? >" /> <input class="buttons" type="reset" value="< ?php echo $lang["buttons_reset"]; ? >" />
</td> </tr> </form> </table> </td> </tr>
?>
CSS van div waarin alles geinclude wordt
.table_hoofd
{
background: #E0E5E9 url('../images/bg_div.png') repeat-x 0 0;
font-family: times new roman, arial, sans-serif;
font-size: 13px; float: right;
width: 100%
overflow: auto;
}
CSS voor het gehele gastenboek
.tables_maintable
{
width: 100%;
overflow: auto;
}
@Johan, volgens mij maakt de hoogte niet zoveel uit, het gaat bij mij om de breedte
@Jan, Het overflow heeft ook niet gewerkt..
<tr> <td class="tablerows_gbentries">
<table border="0" cellspacing="0" cellpadding="0" class="gbentry">
<form action="<?php echo $_SERVER["PHP_SELF"]; ? >?pag=mn_guestbook/guestbook&action=write" method="post" name="post">
<tr class="writerows">
<td class="leftside">
[code]<?php echo "<span style=\"font-weight: bold;\">".$lang["poster_email"].":</span>"; ? >
</td>
<td class="rightside">
<input class="formfields" type="text" name="gbEmail" maxlength="100" size="35" value="<?php echo $gbEmail; ? >" />
</td>
</tr>
!!!2 VELDEN ER TUSSEN UIT GEHAALD ANDERS WERD HET ZO LANG!!!
<tr class="writerows">
<td class="leftside">
[code]<?php echo "<span style=\"font-weight: bold;\">".$lang["poster_message"].":</span>"; ? >
</td>
<td class="rightside">
<table border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
< ?php
ubbcodebuttons();
? >
<textarea class="formfields" id="gbMessage" name="gbMessage" cols="40" rows="8" onfocus="getTarget('gbMessage')" onselect="storeCursor(this)" onkeyup="storeCursor(this)" onclick="storeCursor(this)">[code]<?php echo $gbMessage; ? ></textarea>
</td>
< ?php
showsmilies();
? >
</td>
</tr>
</table>
</td>
</tr>
<tr class="writerows">
<td class="leftside">
</td>
<td class="rightside">
<input class="buttons" type="submit" name="submit" value="<?php echo $lang["buttons_submit"]; ? >" /> <input class="buttons" type="reset" value="< ?php echo $lang["buttons_reset"]; ? >" />
</td> </tr> </form> </table> </td> </tr>
?>
CSS van div waarin alles geinclude wordt
.table_hoofd
{
background: #E0E5E9 url('../images/bg_div.png') repeat-x 0 0;
font-family: times new roman, arial, sans-serif;
font-size: 13px; float: right;
width: 100%
overflow: auto;
}
CSS voor het gehele gastenboek
.tables_maintable
{
width: 100%;
overflow: auto;
}
@Johan, volgens mij maakt de hoogte niet zoveel uit, het gaat bij mij om de breedte
@Jan, Het overflow heeft ook niet gewerkt..
Gewijzigd op 01/01/1970 01:00:00 door test test
Westerv schreef op 26.02.2008 11:09:
@Jan, Het overflow heeft ook niet gewerkt..
Weet je wat het is? "Werkt niet" zegt zo weinig. Op deze manier wordt het onmogelijk je te helpen.
Maar inderdaad het is niet echt duidelijk.
Quote:
Het is niet heel slim om met % te werken, je kunt beter met px's werken ;)
100% ?
Maar zou het ngo wel even proberen uit te leggen;)
Heb 3 divs naast elkaar op m'n site . Links en rechts staat gewoon standaard het zelfde in. In de middelse wordt alles ge-include.. Dus wanneer je bijv. in het menu op gastenboek klikt, komt dat in de middelste div. Bij elke pagina werkt het behalve wanneer je het gastenboek tekend. Dan verspringt de div naar beneden. (stukje script staat hier boven)
wat mijn voorgangers al hadden geschreven, niet slim om met %-en te werken.
omdat iedereen andere resolutie heeft, en anders aanpast.
Oftewel, een (hyper)link naar een website.