size and position attributes not working

Question

5.00/5 (1 vote)

See more:

i intended to create a responsive design so i set all the objects and divs on my page to %% but they don't respond to the height and width attributes. I figured I should make it a fixed width site instead but that turned out even worse. the objects don't respond to position either. here is a mockup of what it should look like http://postimg.org/image/yzgfp0x0d/

here is my css on fiddle

https://jsfiddle.net/nmeri17/L9bkmzg7/3/[^]

i wonder what could be wrong

PS: the site is image based so just in case you find it hard to debug, you can visit http://my-name.orgfree.com

Posted 7-Apr-15 7:00am

nmeri17

Add a Solution

Comments

nmeri17 7-Apr-15 13:22pm

tags @ramyajaya

nmeri17 8-Apr-15 7:41am

it has been answered here https://jsfiddle.net/t36o56fL/

though you can still contribute

ramyajaya 8-Apr-15 8:20am

You are done what else to be done further put your images and check

nmeri17 25-Apr-15 19:15pm

hello I have made major changes to my documents and it is OK now but I have got two issues;

1) the body background image does not show in IE but shows in chrome. it only shows background color in IE.

2) links are active in IE but are not in chrome. what could be the problem??

my URL remains http://my-name.orgfree.com

thanks @ramyajaya

ramyajaya 25-Apr-15 20:24pm

Sure it could be minor error check your error console whether it shows any error msg

Ie image source should be appropriate but in chrome relative path will also work .

In view page source of ie in the image src link click on the link should take up to the proper image else it will not be displayed

nmeri17 26-Apr-15 11:48am

relative links do work in chrome. in my page it worked on the div id=logo which is outside my "main" tag. I guess the problem will be from an attribute in my main tag but I have checked and found nothing.

the error console and html validator both found one error in the head tag linking to my CSS file but I don't know how to correct this. see it here
https://validator.w3.org/check?uri=my-name.orgfree.com&charset=%28detect+automatically%29&doctype=Inline&group=0

there's also a discussion here which you can join
http://stackoverflow.com/questions/29869849/body-background-image-not-showing-in-ie

thanks so much @ramyajaya

ramyajaya 26-Apr-15 19:39pm

Hai

In the link it says end tag missing error please rectify that others are not arnings in head tag which we can omit.

Ie is always sensitive to end tags whereas chrome will auto correct these when it display. So check that.

nmeri17 27-Apr-15 9:24am

please help me rectify the problem with that head tag so it can become totally error free.

I investigated about my issue with chrome which I discussed earlier. the root cause is that the "main" tag in my CSS is set with
z-index: -1;
to get that shadow effect Hence all the links in my page are not functioning. Is there anyway I could go around this??

nmeri17 26-Apr-15 21:31pm

there are no actual errors there. I omitted random values in there just to be sure. if there's an actual problem the page shouldn't display at all.

I checked the site on netrenderer.com and it displays fine. u can see for yourself

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)