Jump to content

<div> tag and broken layout


adriscoll

Recommended Posts

hello.

 

i am an old school table designer so i don't quite have my arms around the ".css controls all" of the new web.

 

my site: http://knng.varsitysportsradio.com layout is busted because of a misuse by myself of <div> tags (i think). 

 

i am trying to get the right column, beginning with the "listen" button to be flush with the rest of the top page.

 

any help would be greatly appreciated.

Link to comment
Share on other sites

Firstly, there's nothing wrong with Tables...

 

I wrote a paper about it.

 

JAWS is one of the most popular screen readers and their website uses tables, so it's really not a problem provided that you use them properly. essentially you need to split the screen as you would with tables... and I think you should do that with three columns. I'm sure you know how to do that because you have already. i think it's the bSideBar div class that needs changing.

 

All the best

N

Link to comment
Share on other sites

the .css is at http://varsitysportsradio.com/media/blogs/knng/style.css and the file is attached.

 

I have been trying to fix this for days and can't figure it out.

 

also, i can't get the sidebar background images one the left and right columns to show even though it is coded right (as far as i know).

 

any info would be helpful.

 

thanks.

 

[attachment deleted by admin]

Link to comment
Share on other sites

Yeah...this is more of a PHP troubleshooting forum. Though I commend you on looking into CSS. As it is much much better to use CSS/DIVs (Some occasional use of tables..properly structured using correct syntax isn't a bad thing) with clean designs.

 

Firstly, there's nothing wrong with Tables...

 

I wrote a paper about it.

 

JAWS is one of the most popular screen readers and their website uses tables, so it's really not a problem provided that you use them properly.

 

Their site also fails validation :P

 

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.freedomscientific.com%2Ffs_products%2Fsoftware_jaws.asp

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.freedomscientific.com%2Ffs_products%2Fsoftware_jaws.asp&warning=1&profile=css21&usermedium=all

 

May work...but for any commercial entity, it looks pretty unprofessional to not write clean code that validates. It also looks like it was designed in 1997. LOL. No offense. Continue...

Link to comment
Share on other sites

trigg - there are too many advantages of css layouts over tables to mention - there is NOTHING you can achieve with tables that you can't with div's - with divs having the enormous advantage of managability when it comes to updating your layout.

 

Tables require you to manage things like colspans etc - that is never an issue with css layouts...

 

anyway back to the OP

 

have you validated your code? run it through http://validator.w3.org/.  Try and section off each page area and use as little html as is possible. That will help begin eliminating any problems.

 

Also switching to the xhtml1.1 doctype may help.....

Link to comment
Share on other sites

the issue at hand is:

 

my site: http://knng.varsitysportsradio.com layout is not functioning as planned, because of <div> tags (i think) or css. 

 

i am trying to get the right column, beginning with the "listen" button to be flush with the rest of the top page.

 

also, the image background for each column has disappeared although it 'seems' to be accurate in cms and php.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.