The Arcive of Official vBulletin Modifications Site.

Andreas · #1 06-28-2004, 12:06 PM

I got the following problem and haven't found a (good working) solution:

Let's say there is a table cell (td). Within this cell, I have two div elements.

The first one should be aligned ad the top of the cell, the second one at the bottom.

Any idea how this could be done?

Natch · #2 06-28-2004, 12:15 PM

Vertical alignment is not easy to do in CSS - easier in Table layouts (bad Natch, bad Natch!) ...

Try

Code:

<td>

<div valign="top" style="height="50%">
</div>

<div valign="bottom" style="height="50%">
</div>

</td>

Andreas · #3 06-28-2004, 01:09 PM

Doesn't work at alll.

- DIV tags don't have a valign-attribute.
- the style definition is invalid

So I modified the code:

Code:

 
<td>

<div style="height: 50%; vertical-align: top">
</div>

<div style="height: 50%; vertical-align: bottom">
</div>

</td>

But still doesn't work.

Natch · #4 06-28-2004, 03:06 PM

'scuse me for being tired

Andreas · #5 07-09-2004, 03:45 PM

*bump*

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Just a test</title>
</head>
<body>
<table border="1" style="height: 1px">
<tr>
<td>
some<br>
longer<br>
content<br>
here<br>
in this<br>
cell<br>
</td>
<td>
<table width="100%" style="height: 100%" border="0">
<tr>
<td valign="top">this should be at top</td>
</tr>
<tr>
<td valign="bottom">this should be at bottom</td>
</tr>
</table>
</td>
</tr>
<tr style="height: 10px">
<td colspan="2">
</td>
</tr>
<tr>
<td>
some<br>
longer<br>
content<br>
here<br>
in this<br>
cell<br>
</td>
<td valign="top">
<table width="100%" style="height: 100%" border="0">
<tr>
<td valign="top">this should be at top</td>
</tr>
<tr>
<td valign="bottom">this should be at bottom</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

Can somebody enlighten me why this does not seem to work with the Gecko-Engine?
How could I get it working?

Andreas · #6 07-18-2004, 12:23 AM

*bump*

I'd really need a solution for this ...

Anyone?

Dark_Wizard · #7 07-18-2004, 09:55 AM

Why not use CSS Positioning to work out your problem. Check this link -> http://www.w3.org/TR/REC-CSS2/visure...ed-positioning

Andreas · #8 07-18-2004, 10:23 AM

Hmm ... can you give an example on how to use this?
I can't seem to get it working

If I create two divs with

position: fixed; top: 0px
position: fixed; bottom: 0px

within the cell, they they will be at top and bottom of the screen (in Firefox), or both at top of the cell (in IE).

Same for position: absolute

Dark_Wizard · #9 07-18-2004, 10:36 AM

Hmmm...let me play with this a bit & get back to you.

Andreas · #10 07-18-2004, 10:46 AM

Thanks a lot

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04282 seconds Memory Usage 2,280KB Queries Executed 12 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (2)bbcode_code (1)bbcode_html (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (10)postbit (3)postbit_attachment (10)postbit_onlinestatus (10)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start postbit_attachment pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!