You are viewing our Forum Archives. To view or take place in current topics click here.
can someone help me with css
Posted:

can someone help me with cssPosted:

Dumb_Modz
  • TTG Addict
Status: Offline
Joined: Mar 19, 201113Year Member
Posts: 2,206
Reputation Power: 10
Status: Offline
Joined: Mar 19, 201113Year Member
Posts: 2,206
Reputation Power: 10
I'm trying to make boxes side by side. Looks fine on jsfiddle.
[ Register or Signin to view external links. ]

They are side by side just like I want, but when I put it on the site the boxes are not lined up they seem to go down off the margin of the next one.

[ Register or Signin to view external links. ]
#2. Posted:
UnrealEgg
  • Powerhouse
Status: Offline
Joined: May 30, 201013Year Member
Posts: 438
Reputation Power: 49
Status: Offline
Joined: May 30, 201013Year Member
Posts: 438
Reputation Power: 49
How about [ Register or Signin to view external links. ] ?

It would also be better if you could like to the website or something to find what is causing the issue.
#3. Posted:
Dumb_Modz
  • TTG Addict
Status: Offline
Joined: Mar 19, 201113Year Member
Posts: 2,206
Reputation Power: 10
Status: Offline
Joined: Mar 19, 201113Year Member
Posts: 2,206
Reputation Power: 10
UnrealEgg wrote How about [ Register or Signin to view external links. ] ?

It would also be better if you could like to the website or something to find what is causing the issue.


same results and I cant link on ttg because they have the domain blocked
#4. Posted:
UnrealEgg
  • Powerhouse
Status: Offline
Joined: May 30, 201013Year Member
Posts: 438
Reputation Power: 49
Status: Offline
Joined: May 30, 201013Year Member
Posts: 438
Reputation Power: 49
Send me a message and I'll have a quick look.
#5. Posted:
var
  • TTG Senior
Status: Offline
Joined: Dec 24, 201211Year Member
Posts: 1,498
Reputation Power: 79
Status: Offline
Joined: Dec 24, 201211Year Member
Posts: 1,498
Reputation Power: 79
You may want to try using normalize or reset. There may be some default browser values being set on padding, making each div take up more than the 25% specified. Just play around with that. Remember that an element's horizontal space it takes up is its padding + margin + width, but browsers do have default values they set for some of these. Also, I don't see the need to float left, position relative and use inline-block on the same element. Generally you use one to position an element and it's definitely bad practice to use all 3. Try to stay away from using floats, and position properties on the same element.
#6. Posted:
var
  • TTG Senior
Status: Offline
Joined: Dec 24, 201211Year Member
Posts: 1,498
Reputation Power: 79
Status: Offline
Joined: Dec 24, 201211Year Member
Posts: 1,498
Reputation Power: 79
You may want to try using normalize or reset. There may be some default browser values being set on padding, making each div take up more than the 24% specified. Just play around with that. Remember that an element's horizontal space it takes up is its padding + margin + width, but browsers do have default values they set for some of these. Also, I don't see the need to float left, and use inline-block on the same element.
#7. Posted:
PeakModz
  • Challenger
Status: Offline
Joined: Nov 29, 201112Year Member
Posts: 145
Reputation Power: 8
Status: Offline
Joined: Nov 29, 201112Year Member
Posts: 145
Reputation Power: 8
in the boxs css put "top:0%;". That should fix it
Jump to:
You are viewing our Forum Archives. To view or take place in current topics click here.