PDA

View Full Version : removing the table from the header template and using div's?



dutchbb
Thu 5th Jan '06, 9:41am
I removed the table and cells, I want to use absolute positioned <div>'s to contain my logo and banner. But this doesn't seem to work as the table from forumhome is pushed against the left side and changes width.

This is the html in the header template, I removed the links so it can be read easier:


<a name="top"></a>

<!-- logo -->
<div style="position:absolute; top:10px; left:10px; background-image:url(/images/misc/logo.gif); background-repeat:no-repeat;"><h1 style="display:inline;">my h1 title</h1></div>
<!-- /logo -->

<!-- Start Banner -->
<div style="position:absolute; right:15px; top:15px; width:468px; clear: both;"><ad ... /></div>
<!-- /End Banner -->

<!-- Begin Normal Header Navigation -->
<div style="position:absolute; top:80px; right:15px; width:auto;"></div>
<!-- End Header Navigation -->

<!-- content table -->
$spacer_open

$_phpinclude_output

Any clue?

dutchbb
Tue 14th Feb '06, 10:23am
not possible?

ForumThemes.com
Wed 15th Feb '06, 2:16pm
what is the url? just want to see what you mean by pushing? I have a good idea what you mean though and will try to answer the best i can.

I ran into this while designing some skins and all I had to do is add a setting for height of that section and it worked out great

Take a look at the one below as an example go view the source you will see right at the top i used <div class="topnav"> and if you look at my css you will see all i did was add

.topnav {
height: 80px;
}

http://www.forumthemes.com/forums/?styleid=10

Hope that helps :)

Floris
Wed 15th Feb '06, 2:21pm
Tableless vb designs? www.vbulletin-css.com :)

ForumThemes.com
Wed 15th Feb '06, 2:24pm
Tableless vb designs? www.vbulletin-css.com (http://www.vbulletin-css.com) :)

Now that would be a TON of work, would be something to see :)

Floris
Fri 17th Feb '06, 8:02am
Maybe over time even small recommendations from users that work in all browsers, have no downsides and work in older browsers too ..... can be updated in the current 3.x or future 4.x releases as default.

If the community who always ask about tableless designs come with these various recommendations and POC .. it all together might just work.