Ho-kay, so this is my online resume assignment due tomorrow:
<!-- m --><a class="postlink" href="http://www.ecel.uwa.edu.au/~jotang/cv.htm">http://www.ecel.uwa.edu.au/~jotang/cv.htm</a><!-- m -->
It looks fine on IE for mac, safari, and netscape (both versions i think)
But there is this weird vertical line that runs through on the right of the container on IE for PCs.
Can anyone tell me why this is happening? Thank you in advance!I do not see a vertical line anywhere except in the image. Could you possibly give us a screen shot?wow you reply fast!
thanks here's a comparision in pictures:
how it looks on IE for PCs:
<!-- m --><a class="postlink" href="http://img.photobucket.com/albums/v76/jctang/cv01.jpg">http://img.photobucket.com/albums/v76/jctang/cv01.jpg</a><!-- m -->
How it should look (and does on safari):
<!-- m --><a class="postlink" href="http://img.photobucket.com/albums/v76/jctang/cv02.jpg">http://img.photobucket.com/albums/v76/jctang/cv02.jpg</a><!-- m -->
apaprently, it's only the CV page, i looked through the codes and html codes, but i don't find any faults?No problem with IE5 and 6 on XPreally? arghh why does it act up for some then? i don't know what version of IE for PC my friend is using, but he told me it's the latestI see in on IE 6 on xp trying to figure out what it is.Don't know if this will work, but try getting rid of #fff in background: #FFF url("../img/title.jpg") no-repeat;i c it on IE on my computer. The reason it does that is because IE doesnt read the CSS fully how it is supposed to. The width of the container is being read as being larger on IE as it is in Mozilla and the rest. The easiest fix would be to split your heading image (<!-- m --><a class="postlink" href="http://www.ecel.uwa.edu.au/~jotang/img/title.jpg">http://www.ecel.uwa.edu.au/~jotang/img/title.jpg</a><!-- m -->) into two (one being the left curve and the other being the right curve) and then put them both in the header one on the left side and one on the right side. In IE you will still have that extra white space on the side but you will not c that line at the top. Did i make any sense? ;P hope i helped
Originally posted by soccer362001
Don't know if this will work, but try getting rid of #fff in background: #FFF url("../img/title.jpg") no-repeat;
that wont fix it as the white line isnt appearing just in the header but down the entire page.Originally posted by pawky
that wont fix it as the white line isnt appearing just in the header but down the entire page.
Well just fixing the container div won't work either cause it only holds the header.You may try changing the width of the container and the banner.^ no, i am really dense, and i don't get it exactly. sorry!
but if that's the reason, why doesn't that annoying vertical line show up on index.htm or contact.htm?Originally posted by artease
^ no, i am really dense, and i don't get it exactly. sorry!
but if that's the reason, why doesn't that annoying vertical line show up on index.htm or contact.htm?
Probably because it looks like the problem lies somewhere in the tables. If you notice you do not have table in index or contact.bleahs you guys are so fast, i can't keep up!
soccer: i did change the width of the banner, but it doesn't work. sigh i am a CSS idiot.why dont you try redoing your content without tables? Thats where I think the problem is.Originally posted by soccer362001
Probably because it looks like the problem lies somewhere in the tables. If you notice you do not have table in index or contact.
i think so too, but i don't see anything wrong in the table actually, the container width is 589, the table width is 560, so it shouldn't be a problem at all? and if indeed, how come it shows up on netscape, safari and even, IE for mac?Originally posted by artease
bleahs you guys are so fast, i can't keep up!
soccer: i did change the width of the banner, but it doesn't work. sigh i am a CSS idiot.
i can't, it is required that we include at least one table for this assignment.In the file Custom.css try changing the padding-right to 0px for #content. (Works in IE and Firefox, not sure about the others.)yup that worked for me to
riginally posted by TheBearMay
In the file Custom.css try changing the padding-right to 0px for #content. (Works in IE and Firefox, not sure about the others.)
hey thank you so much! that worked! you are a lifesaver! *hugs*thank you everyone for taking the time to help me out! i appreciate it! you guys are the best =)
<!-- m --><a class="postlink" href="http://www.ecel.uwa.edu.au/~jotang/cv.htm">http://www.ecel.uwa.edu.au/~jotang/cv.htm</a><!-- m -->
It looks fine on IE for mac, safari, and netscape (both versions i think)
But there is this weird vertical line that runs through on the right of the container on IE for PCs.
Can anyone tell me why this is happening? Thank you in advance!I do not see a vertical line anywhere except in the image. Could you possibly give us a screen shot?wow you reply fast!
thanks here's a comparision in pictures:
how it looks on IE for PCs:
<!-- m --><a class="postlink" href="http://img.photobucket.com/albums/v76/jctang/cv01.jpg">http://img.photobucket.com/albums/v76/jctang/cv01.jpg</a><!-- m -->
How it should look (and does on safari):
<!-- m --><a class="postlink" href="http://img.photobucket.com/albums/v76/jctang/cv02.jpg">http://img.photobucket.com/albums/v76/jctang/cv02.jpg</a><!-- m -->
apaprently, it's only the CV page, i looked through the codes and html codes, but i don't find any faults?No problem with IE5 and 6 on XPreally? arghh why does it act up for some then? i don't know what version of IE for PC my friend is using, but he told me it's the latestI see in on IE 6 on xp trying to figure out what it is.Don't know if this will work, but try getting rid of #fff in background: #FFF url("../img/title.jpg") no-repeat;i c it on IE on my computer. The reason it does that is because IE doesnt read the CSS fully how it is supposed to. The width of the container is being read as being larger on IE as it is in Mozilla and the rest. The easiest fix would be to split your heading image (<!-- m --><a class="postlink" href="http://www.ecel.uwa.edu.au/~jotang/img/title.jpg">http://www.ecel.uwa.edu.au/~jotang/img/title.jpg</a><!-- m -->) into two (one being the left curve and the other being the right curve) and then put them both in the header one on the left side and one on the right side. In IE you will still have that extra white space on the side but you will not c that line at the top. Did i make any sense? ;P hope i helped
Originally posted by soccer362001 Don't know if this will work, but try getting rid of #fff in background: #FFF url("../img/title.jpg") no-repeat;
that wont fix it as the white line isnt appearing just in the header but down the entire page.Originally posted by pawky
that wont fix it as the white line isnt appearing just in the header but down the entire page.
Well just fixing the container div won't work either cause it only holds the header.You may try changing the width of the container and the banner.^ no, i am really dense, and i don't get it exactly. sorry!
but if that's the reason, why doesn't that annoying vertical line show up on index.htm or contact.htm?Originally posted by artease
^ no, i am really dense, and i don't get it exactly. sorry!
but if that's the reason, why doesn't that annoying vertical line show up on index.htm or contact.htm?
Probably because it looks like the problem lies somewhere in the tables. If you notice you do not have table in index or contact.bleahs you guys are so fast, i can't keep up!
soccer: i did change the width of the banner, but it doesn't work. sigh i am a CSS idiot.why dont you try redoing your content without tables? Thats where I think the problem is.Originally posted by soccer362001
Probably because it looks like the problem lies somewhere in the tables. If you notice you do not have table in index or contact.
i think so too, but i don't see anything wrong in the table actually, the container width is 589, the table width is 560, so it shouldn't be a problem at all? and if indeed, how come it shows up on netscape, safari and even, IE for mac?Originally posted by artease
bleahs you guys are so fast, i can't keep up!
soccer: i did change the width of the banner, but it doesn't work. sigh i am a CSS idiot.
i can't, it is required that we include at least one table for this assignment.In the file Custom.css try changing the padding-right to 0px for #content. (Works in IE and Firefox, not sure about the others.)yup that worked for me to
riginally posted by TheBearMay In the file Custom.css try changing the padding-right to 0px for #content. (Works in IE and Firefox, not sure about the others.)
hey thank you so much! that worked! you are a lifesaver! *hugs*thank you everyone for taking the time to help me out! i appreciate it! you guys are the best =)