Jump to content

Archived

This topic is now archived and is closed to further replies.

spyke01

Funny padding problem

Recommended Posts

Ok, i have [URL=http://"http://www.fasttracksites.com/ftsssforum.php"]this page[/URL] and at the bottom, you can see "Free Version: Download" well the F on free is under the blue "border" the border is really the background image of #page. There is a list on the page like so

[CODE]
<ul class="smaller">
<li>Fast Track Sites is not resposible for what you do with this application.</li>
<li>Fast Track Sites is not resposible for any damage caused this application.</li>
<li>This application is As-Is with no warranty(except for the professional edition).</li>
<li>Support for this application may found on our forums.</li>
</ul>
[/CODE]

the funny thing is that when i increase the padding left like so:
[CODE]
ul.smaller {
font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 14px;
padding-left: 10px;
}
[/CODE]
it moves the Free Version text to the left

i want the Free Version text to be where its at, but not get sucked under the "blue border of doom", FF and opera are playing nice with the lists and text just not IE

Share this post


Link to post
Share on other sites
dont know if thi is right but i was having problem with padding in IE aswell so i tried margin instead for my stuff and it solved the problem and works in FF and IE.

Rick

Share this post


Link to post
Share on other sites
Ricklord is right, IE renders padding all wrong. Try an jsut using margins when you can. check out www.posistioniseverything.com (maybe .org) for a list of even more IE specific bugs.

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.