Панель инструментов CSS с кнопками сбрасывается при удалении одной кнопки

Question

Я работаю над тем, чтобы обернуть голову вокруг css и divs, теперь я пытаюсь создать вид панели управления для мобильного сайта, теперь проблема в том, что когда я удаляю одну кнопку, индексная страница искажается, я могу использовать только строки из трех кнопок здесь является примером того, как идут дела неправильно

http://yellowgreenmedia.info/1/

может кто-то пожалуйста, дал посмотреть на код и скажите мне, что это я продолжаю делать неправильно.

Answer 1

Только при беглом взгляде на коде я вижу сломанный якорь тег ....

<!-- Header Start --> 
<div data-role="header" align="center" data-theme="a"> <img src="images/header.png" width="280" height="195"></a> </div> 
<!-- Header End --> 

Также см икона изображения без оберточной теги привязки, когда все другие значок изображения имеет якоря.

Также кажется, что у вас есть гораздо больше закрывающих тегов div </div>, чем открытые теги div. Я на самом деле считаю 2 лишних закрывающих тега, которые могут вызвать проблемы.

Answer 2

Простым решением может быть просто добавить <div style="clear:both;"></div> после вашего последнего <a> тегов.

Другим вариантом может быть, чтобы обернуть имя в <div> с style="clear:both;"

Кроме того, у вас есть 2 дополнительных </div> после <!-- Footer End -->.