you may want to start with giving the page a proper doctype.
than you want to nullify the default margin and padding that an
unordered list has...
Further more, as I read your 'problem' you assume that is correct in
other browsers? Which one, surely not IE 6. When developing, start
with firefox, safari or other decent browsers and then work your way
down to the various IE versions. Preferably with conditional comments...
When I added a doctype to your page:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
and the following css for you tabs it looks okay in ff 2
#container-1 ul.anchors {
margin: 0;
padding: 0;
}
to get the content to connect, I added:
.fragment {
margin-top: -10px;
}
Please take a look at the specs at w3c and good luck!
On Feb 27, 2007, at 6:35 AM, Dylan Verheul wrote:
On this page I've setup a test for the tabs plugin which I want to
use.
http://waarneming.nl/h/default/test
The layout is wrong in FF2 (tabs are too high and too far to the
right) and in IE7 (everything looks messed up).
The scripts and the CSS are inserted through php calls in a small
framework. This works fine for thickbox and such, but I can't get tabs
to work. I've been staring at it for a long time, so maybe I'm just
missing the obvious (most probably the obvious mistake I made).
If anyone would like to help me out, please take a look.
Dylan
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
cheers
Wilfred Nas
user interface specialist
e [EMAIL PROTECTED]
w www.wnas.nl
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
