CODEWITHSUNDEEP
htmlcssmarginpadding
AMC
AMC

Reputation: 1695

padding/margin issue

Live site.

I have a custom landing page for the Twenty Eleven Wordpress theme. I noticed that the search input in the navigation bar is slightly different on the landing page than the main site- on the landing, the search input seems smaller and the icon is off. What is the cause of this? I've tried using Firebug, but can't seem to locate the problem.

Thanks.

Upvotes: 2

Views: 153

Answers (2)

venki suresh
venki suresh

Reputation: 11

Padding means to space inside the border. And margin means to space outside the border.

Upvotes: 0

Patrick Moore
Patrick Moore

Reputation: 13344

The problem is there is no <!DOCTYPE> specified on the homepage. The subpage includes these lines which the homepage does not:

<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" dir="ltr" lang="en-US">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" dir="ltr" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" dir="ltr" lang="en-US">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" lang="en-US">
<!--<![endif]-->

Of grave importance is the <!doctype> line, which on the subpage indicates HTML5 standard to the browser. :)

Upvotes: 2

Related Questions