Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Re: CSS for positioning

Thread Tools

Re: CSS for positioning

Posts: n/a

"Alfred Molon" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed) ...
> My site uses tables for layout. I was experimenting yesterday with CSS
> for positioning and ran into problems.
> More specifically I was trying to convert this table-based page:
> (ignore the links which do not work)
> Here is as far as I got:
> There are the following problems:
> 1. The round logo on the top menu bar on the right should be aligned
> vertically with the "Jordan 2009-10 Travelogue" header. No problem with
> a table, but with CSS I had to give the logo an absolute position, which
> is not good design in my opinion. How to position the logo correctly
> without using an absolute position?

Enclose div id="menu2" and the div containing the logo in another div. Then
float menu2 left and float logo right

> 2. The vertical menu bar on the left should have rounded corners. But
> the top and bottom gifs with the rounded corners are now not adjacent
> with the vertical menu bar, no idea why. How to make them adjacent?

you fixed 2 it I see ..

> 3. Then there is the mess with the central part of the page. It should
> appear as shown on first link I posted (the one with the table-based
> layout). What am I doing wrong?

I see absolute positioning there div id="mainbody" .. that is probably
causing your problems there? this might mean that all divs inside this div
have absolute positioning unless explicitly defined. .. .. (I'm not hundred
percent sure on this)

> 4. One more question: does it really make sense to convert a table-based
> layout of a thumbnail page like this for instance
> to a CSS-based layout?

Looks good and behaves well as it is! ... , but maybe you would like the
images to float left into a slim column for mobile devices with limited
width?? ( I might).


Reply With Quote

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
Datalist and CSS positioning Eric ASP .Net 1 09-14-2005 03:38 PM
OT ...CSS positioning ASP .Net 1 04-07-2004 12:58 PM
Re: CSS positioning help - Mozilla brucie HTML 8 06-29-2003 05:39 PM
Re: CSS positioning help - Mozilla David Graham HTML 1 06-28-2003 05:15 PM
Re: css positioning vs. tables PeterMcC HTML 0 06-23-2003 04:45 PM