Jump to content


Photo

Funny padding problem


  • Please log in to reply
2 replies to this topic

#1 spyke01

spyke01
  • Members
  • PipPipPip
  • Advanced Member
  • 74 posts

Posted 09 August 2006 - 05:11 PM

Ok, i have this page 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

<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>

the funny thing is that when i increase the padding left like so:
ul.smaller {
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding-left: 10px;
}
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

[a href="http://www.fasttracksites.com" target="_blank"]Cheap PHP Hosting[/a]

#2 Ricklord

Ricklord
  • Members
  • PipPipPip
  • Advanced Member
  • 60 posts

Posted 26 August 2006 - 02:49 PM

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

#3 sivarts

sivarts
  • Members
  • PipPip
  • Member
  • 22 posts

Posted 29 August 2006 - 05:17 AM

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.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users