Fri, 2011-12-02 21:33
Hello all,
I am working on moving a site layout I had created into a wordpress theme.
It seems like the the wordpress version is displaying slightly differently than the regular version.
This problem is occurring with the tabbed navigation.
http://www.salinenahs.tk:81/ <--- How the layout should look
http://www.salinenahs.tk:81/blog/ <--- This is the wordpress version. Note the problem with the tabs.
These pages are hosted on my local test server, so don't be surprised if they aren't up.
I am testing in Google Chrome, not IE.
It seems like in the model page, the tabsContainer element (div.tabsContainer) is 4px higher than the line-height specified for the tabs. In the wordpress version, however, this extra "magic" 4px is not there.
I have 2 main questions.
#1 What is this "magic" 4px caused by/were does it come from?
#2 Why would it not occur in the wordpress version with pratically the same html and css (only minor edits)
Fri, 2011-12-02 21:39
#1
Update
Dangit, there is no edit button.
The first link didn't link...
This is how it should be: http://www.salinenahs.tk:81/
Look at the source for the html and css.
UPDATE: It works better in firefox, but there still should be more padding between the tabs. Again, I am using the same stylesheet with very minor edits (shouldn't affect this), so why is this happening?
It seems like I am overlooking the obvious, but for the life of me, I can't figure out why.
Sat, 2011-12-03 22:19
#2
Never Mind.
I am just going to fix the issue.
I was trying to understand the underlying cause, but it is bugging me too much to leave un-fixed.
Perhaps an admin could close this thread?