Hi all, I'm seeing if I can get a tabbed layout to work:
http://www.donann.co.uk/new_site/tabs1.html What I've got so far works okay to a certain degree in Firefox/Opera/Safari (IE6 is not okay but I'm not to worried about that at the moment). I've used div's with height 1px to make the 'borders' under the tabs. Trouble is when I zoom to make the font bigger in Firefox I get the divs that I've used to make up the 'border' under the tabs starting to go out of line slightly. Worse is zooming to make the font's smaller, where the end div becomes too wide for the width and moves down under the others that I've used to make the bottom borders of the tab's. A couple of questions: I couldn't Google any information towards a layout like this, any pointers to pages that might help would be greatfully received! I'm using em's to set the width of the tabs and the width of the div's used to make the 'borders' beneath them. I assumed that when using em's and then increasing/decreasing the font size the relative width measurements of the tab's and div's making the 'borders' should stay the same. Is this assumption correct and if so, is the problem I'm having due to my lack of accuracy with the em values I'm using? Also if anyone thinks I'm barking up the wrong tree trying to do it this way please let me know and I'll start again! Hope that makes sense. Regards John ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
