Topic: IE graphic over-hang (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=27530" title="Pages that link to Topic: IE graphic over-hang (Page 1 of 1)" rel="nofollow" >Topic: IE graphic over-hang <span class="small">(Page 1 of 1)</span>\

 
Trigger
Paranoid (IV) Inmate

From: Wales
Insane since: Jun 2002

IP logged posted posted 02-19-2006 20:44 Edit Quote

http://www.conceited-smile.co.uk/layout/

If you look at my navigation box, In Firefox its all well aligned, yet in IE the top graphic over-laps the box, I've been playing around for days with this and can't find the error, why does it over-hang in IE other than IE sucks?

Clicking this link.. will help me in my game....

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 02-19-2006 21:55 Edit Quote

Honestly, there is way too much going on with those tables to really dig into what might be causing the problem. There is nothing here that justifies using tables for layout - get rid of them, use proper semantic markup, and you'll probably rid yourself of the problem.

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

IP logged posted posted 02-19-2006 22:41 Edit Quote

First of all there's not even an HTML or a BODY tag. How on earth do you expect your page to work properly not to mention working on various platforms ? Then as DL-44 said, tables for layout is stupid.

Trigger
Paranoid (IV) Inmate

From: Wales
Insane since: Jun 2002

IP logged posted posted 02-19-2006 23:04 Edit Quote

Any documents on making the transistion from tables to css?

without the pro-non-table-layouts fluff?

Clicking this link.. will help me in my game....

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

IP logged posted posted 02-19-2006 23:18 Edit Quote

It's just a matter of using the right tags for the right content. In über short :

  • if you want to to have a header, use the H1, H2 .... H6 tags
  • if you want a list of simple things ( like a list a links aka a navigation ) use the UL and LI tags
  • if several blurbs of content belong to the same section, wrap them in a DIV
  • ...

It's that easy.

Then for the CSS, I know I'm a coder, but I've found nothing better than the CSS 2.1 specifications ( also available in PDF ).



(Edited by poi on 02-19-2006 23:19)

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

IP logged posted posted 02-20-2006 08:42 Edit Quote

Be sure to start with a good doctype declaration, too - your current one is gimpy.

http://www.w3.org/QA/2002/04/valid-dtd-list.html#DTD



Post Reply
 
Your User Name:
Your Password:
Login Options: Remember Me On This Computer
 
Your Text:
Loading...
Options: Show Signature
Enable Slimies
Enable Linkwords

« BackwardsOnwards »

Show Forum Drop Down Menu