2 replies [Last post]
tyzoid
tyzoid's picture
Offline
newbie
Last seen: 2 years 21 hours ago
Timezone: GMT-4
Joined: 2011-12-02
Posts: 10
Points: 11

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)

tyzoid
tyzoid's picture
Offline
newbie
Last seen: 2 years 21 hours ago
Timezone: GMT-4
Joined: 2011-12-02
Posts: 10
Points: 11

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.

tyzoid
tyzoid's picture
Offline
newbie
Last seen: 2 years 21 hours ago
Timezone: GMT-4
Joined: 2011-12-02
Posts: 10
Points: 11

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?