Browser compatibility questions

[Vandenberg]

Hello, please take a peek at http://www.brandmarkdesign.nl (http://www.brandmarkdesign.nl/). I'm about to start filling this baby up with content, but I still have some problems in internet explorer and mozilla firefox.

IE: The button to the middle right (stuur ons een e-mail/send us an e-mail) gets a blue border in IE. I think this is because it's an image with a a:mailto link on it. How can I make it dissapear? Also, in the upper right corner, one of the images doesnt align properly, I've tried many things with css. Maybe somebody can take a look at the source and tell me how to make this allign better.

Firefox: In firefox, the last link has been clicked (in the left menu, not the flash) gets a dashed outline, which only dissapears when another button gets clicked. How do I stop this as well?

Non-Browser specific errors: As you can see, the grey background cell doesnt stretch to the absolute bottom of the page, even though it's height has been set at 100%. I think that the height of the cell's forming the website are taken as an indication of what's 100%. It should just stretch the enitre browser.

Many thanks
Vandenberg

[Favardin]

IE: The button to the middle right (stuur ons een e-mail/send us an e-mail) gets a blue border in IE. I think this is because it's an image with a a:mailto link on it. How can I make it dissapear?


Assing "border: 0" to the image via css (or the anchor? can't try right now, simply do both), or "BORDER='0'" inside the html tag (not recommended).




Also, in the upper right corner, one of the images doesnt align properly, I've tried many things with css. Maybe somebody can take a look at the source and tell me how to make this allign better.


Simple hack: use "display: relative; top: 10px;". To apply it to IE only you could include a separate css-file via conditional comments (http://www.quirksmode.org/css/condcom.html) (in my opinion the cleanest solution to get cross-browser compatibility).



Firefox: In firefox, the last link has been clicked (in the left menu, not the flash) gets a dashed outline, which only dissapears when another button gets clicked. How do I stop this as well?


I think this can't be prevented, but perhaps there's a firefox-specific css-attribute for that.

[Vandenberg]

Okay the IE problems have been solved :) Thanks!!

Only the firefox problem remains, along with the fact that the site doesnt stretch all the way vertically. I hope somebody can help me with this one, I have been trying for a few hours and still dont get it. All I remember (it has been 2 years since my last html job) is that you had to align something to the bottom of the page...

[Vandenberg]

Please, I'm still at loss on how to make the background cell stretch the full page, and it would mean a lot to me if someone could help me.

Also, my friend -who is the 'client' I'm working for-, added some changes in the design I wasnt aware of when I set this thing up. Now the idea is that the whole site is set up with tables, and contains 3 central cells that all hold an inline frames. These 3 central cells are located under the flash banner, which controls the contents of the 3 iFrames. So for instance, flash button A shows a sub menu to the left, a text at the center and 3 extra buttons at the right. Flash button B shows a filler graphic to the left, a portfolio overview in the center, and 2 extra buttons to the right. etc,

So I know how to set this up, but I allready ran into some other problems. As you can see, the iFrames dont inherit the contained html's size. I need them to adjust to the html's size, stretching up the rest of the page but always staying a minimal height. There shouldnt be any scroll bars involved, except for a full browser one when the page stretches beyond the normal scope. Both sides of the central block are built with slices so this shouldnt be a problem.

So I'm really confused by all this, I never really understood HTML hierarchy. I dont even know if this is even a smart way to do it. But I'd really like to know how, because I wanna wrap this project up before I start my internship, cause I know this will start gathering dust if I have to do it during my internship.

thanks in advance

[jel3]

body { background: #6D6E72; }
to fix the bgcolor issue.