HighDots Forums  

Help with table positioning

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Help with table positioning in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Roamer
 
Posts: n/a

Default Help with table positioning - 06-04-2004 , 06:51 AM






Can someone please help with table positioning on this page
http://rmhh.co.uk/occup/Test3.html

It parses fine for me and nearly all my users, but some, using IE6 and NS7.1
report row misalignment and overlapping on header and footer. It's driving me
nuts, but I want to migrate from tables to all CSS to reduce filesize.

The relevant Style follows:-

#columnleft {
float: left;
width: 240px;
}

#columnright {
position: absolute: left;
}

#header {
position: absolute;
top: 0;
left: 0;
width: 790px;
color: #808000;
font-family: "Comic Sans MS";
font-size: smaller;
}

#columnleft {
position: relative;
left: 16px;
}


#footer {
position: relative;
left: 14px;
}


..head {
font-family: "Comic Sans MS";
font-size: larger;
font-style: normal;
color: #808000;
text-decoration: underline;
}


Reply With Quote
  #2  
Old   
Mark Tranchant
 
Posts: n/a

Default Re: Help with table positioning - 06-04-2004 , 07:14 AM






Roamer wrote:

Quote:
Can someone please help with table positioning on this page
http://rmhh.co.uk/occup/Test3.html

It parses fine for me and nearly all my users, but some, using IE6 and NS7.1
report row misalignment and overlapping on header and footer. It's driving me
nuts, but I want to migrate from tables to all CSS to reduce filesize.
This is tabular data. A table is the correct element to use for this. A
properly marked-up table would probably take less space and be easier to
style - see http://billericaychoral.org.uk/past for an example.

Are you trying to reduce file size as stored on disk, or bandwidth? If
the latter, and you have any control over your server, you could try
setting it up to gzip the output, which is not currently done. This
would reduce the transmitted size of the file you supply to just 35% of
original.

Of course, getting rid of that irritating and quite low quality 40KB
animated flag would help!

--
Mark.


Reply With Quote
  #3  
Old   
Phil Evans
 
Posts: n/a

Default Re: Help with table positioning - 06-04-2004 , 08:03 AM



Roamer wrote:
Quote:
Can someone please help with table positioning on this page
http://rmhh.co.uk/occup/Test3.html

It parses fine for me and nearly all my users,
The W3C checker disagrees

http://validator.w3.org/check?uri=ht...2FTest3. html

HTML 4.01 Strict is probably a better doctype to aim for as well, unless
you really need anything from Transitional.

I'd take a closer look at how you're marking this up, too. At the
moment, the word and its definition aren't logically linked to one
another, which is why you're getting alignment problems - there's no way
for the browser to know that a definition should be kept alongside a
particular word. Maybe a definition list would be more appropriate here?
http://www.w3schools.com/tags/tag_dl.asp

P


Reply With Quote
  #4  
Old   
Roamer
 
Posts: n/a

Default Re: Help with table positioning - Many thanks - 06-04-2004 , 09:38 AM



Thanks to Mark & Phil for your replies.
I'll work on it and gzip the output of
all my other pages, This one was a test
to see if I could better the download
time for the many dial-ups who use my
Genealogy site.

Your advice much appreciated

R


Reply With Quote
Reply




Thread Tools
Display Modes

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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.