Hi, Guest ~ Login or Register

padding-bottom in IE

Posted in Website Designing » XHTML and CSS - Saturday 22nd September 2007 at 6:32PM

Alec
Super Moderator

User Avatar

Joined April 2007
Posts: 124

Right I designed a new layout today for a lyrics site in the works.

Perfectly cross-browser compatible, except: The padding-bottom of the alphabet navigation links doesn't work in IE.

What would your work around to this be? I would rather not give them display:block; and set a specific height, but that's all I can think of currently.

Please also give me your review of the general layout. Ignore the logo that's temporary.

This is what I get in FF and everything else:
http://www.imageho.st/image/84056ff.png

This is what I get in IE 7:
http://www.imageho.st/image/75093ie.png

__________________________________
My Personal Portfolio Site

 

Replies (19)

Replied - Saturday 22nd September 2007 at 7:37PM [Post Link]

adam2z
Member

User Avatar

Joined October 2005
Posts: 113

when any block element misfires in ie your first test should be to make it inline-block.

however, im using ie 6 and it looks fine...

__________________________________

 
Replied - Saturday 22nd September 2007 at 7:49PM [Post Link]

Alec
Super Moderator

User Avatar

Joined April 2007
Posts: 124

Yeah I just found out its only in IE7 (wtf). Do you know a work-around for it?

__________________________________
My Personal Portfolio Site

 
Replied - Saturday 22nd September 2007 at 7:50PM [Post Link]

Will
Administrator

User Avatar

Joined October 2005
Posts: 133

There's an easy way around this. Conditional comments. Everyone, including you, knows how to use them. Go fetch.

__________________________________
Will Morgan
Freelance Web Developer
Next feature: How to fit 25 hours into a day!

 
Replied - Saturday 22nd September 2007 at 8:31PM [Post Link]

adam2z
Member

User Avatar

Joined October 2005
Posts: 113

i cant try it on ie 7 (it refuses install on my shitty pc). i dont think conditional comments have to be the answer, there are usually less hackish tweaks you can make.

try making the boxes have display: inline-block;

that sorts a lot of the box model issues in ie 6 anyway.

__________________________________

 
Replied - Saturday 22nd September 2007 at 8:34PM [Post Link]

Joe
Member

User Avatar

Joined April 2007
Posts: 16

How about line-height? Just shooting in the air here.

__________________________________

 
Sponsored Link
Replied - Sunday 23rd September 2007 at 12:36AM [Post Link]

Alec
Super Moderator

User Avatar

Joined April 2007
Posts: 124

@ Will
Of course I know how to use conditional comments, I am just looking for the correct CSS to put in the IE7 stylesheet!

@adam2z
I will try that tomorrow and edit this reply with the results. Problem isnt with IE6 its with IE7 (surprisingly).

@Joe
I doubt line-height would do the trick. That is the space between each line and because there is no other line in this particular nav I doubt it would have an effect. I will try it though and let you now the results.

__________________________________
My Personal Portfolio Site

 
Replied - Sunday 23rd September 2007 at 1:41AM [Post Link]

adam2z
Member

User Avatar

Joined October 2005
Posts: 113

i always set padding to zeroo and make the line-height the height. i dont know if it helps, but it doesnt cause any problems.

__________________________________

 
Replied - Sunday 23rd September 2007 at 11:44AM [Post Link]

Alec
Super Moderator

User Avatar

Joined April 2007
Posts: 124

Fixed. I used a mixture of peoples suggestions (Will's conditional commenting, adam2z's display:inline-block;)

Check it out if you want to see how I did it.

__________________________________
My Personal Portfolio Site

 
Replied - Sunday 23rd September 2007 at 1:20PM [Post Link]

Tubby
Member

User Avatar

Joined July 2007
Posts: 47

worst comes to worst, what you can do is make the letter a whole other DIV, and float it inside the Green box, then use margins.

__________________________________
All posts are my own opinion.

 
Replied - Tuesday 25th September 2007 at 2:52AM [Post Link]

Xplicid
Member

User Avatar

Joined April 2007
Posts: 56

Ehhh, I had plans to make a lyrics website due to the majority of lyric websites being rooted with popups and ads.

I designed like 25+ (No joke) different layouts cos I couldn't be bothered getting to coding bit. Ha. Remember xlyrics.net :P?
Then I found www.lyricsmode.com and just gave up.

ANYWAYS... Your layout is alright, it's not outstanding to be honest. But it's okay.

__________________________________
Go play in traffic. Thx. Luv ya.

 
Sponsored Link
Replied - Tuesday 25th September 2007 at 10:29AM [Post Link]

Alec
Super Moderator

User Avatar

Joined April 2007
Posts: 124

Lyrics Mode sucks. What would you change in my layout then?

__________________________________
My Personal Portfolio Site

 
Replied - Wednesday 26th September 2007 at 1:18AM [Post Link]

Xplicid
Member

User Avatar

Joined April 2007
Posts: 56

LyricsMode owns.

I cannot pick at it, due to it not existing now. 404'd.

Get more defensive next time roffle.

__________________________________
Go play in traffic. Thx. Luv ya.

 
Replied - Wednesday 26th September 2007 at 7:19PM [Post Link]

adam2z
Member

User Avatar

Joined October 2005
Posts: 113

[QUOTE] Xplicid said (26th September @ 0:18am):

roffle

[QUOTE] Xplicid said (26th September @ 0:18am):

roffle


[QUOTE] Xplicid said (26th September @ 0:18am):

roffle

__________________________________

 
Replied - Wednesday 26th September 2007 at 7:29PM [Post Link]

Tubby
Member

User Avatar

Joined July 2007
Posts: 47

I agree with adam. Wtf.

__________________________________
All posts are my own opinion.

 
Replied - Wednesday 26th September 2007 at 7:31PM [Post Link]

Alec
Super Moderator

User Avatar

Joined April 2007
Posts: 124

yeah I thought that also. Not only did he repeat it three times, he spelt it incorrectly.

__________________________________
My Personal Portfolio Site

 
Replied - Thursday 27th September 2007 at 11:24AM [Post Link]

adam2z
Member

User Avatar

Joined October 2005
Posts: 113

[QUOTE] Alec said (26th September @ 18:31pm):

he spelt it incorrectly.

that was indeed what i was highlighting

__________________________________

 
Replied - Thursday 27th September 2007 at 12:05PM [Post Link]

Will
Administrator

User Avatar

Joined October 2005
Posts: 133

Shall I make this the first locked thread? :)

__________________________________
Will Morgan
Freelance Web Developer
Next feature: How to fit 25 hours into a day!

 
Replied - Thursday 27th September 2007 at 12:14PM [Post Link]

adam2z
Member

User Avatar

Joined October 2005
Posts: 113

the problem is solved. hit it! :]

__________________________________

 
Replied - Saturday 29th September 2007 at 2:51PM [Post Link]

Alec
Super Moderator

User Avatar

Joined April 2007
Posts: 124

I don't see a way of locking the thread. Could you do the honours Will.

__________________________________
My Personal Portfolio Site