본문 바로가기
새로운생각/Web Language

가로메뉴or탭메뉴가 세로로 출력이 될때 대처방법

by 알도 2016. 11. 23.

여러 페이지들의 화면들 소스를 보면 만든이가 여러사람이기때문에 소스역시 다양한 형태로 디자인이 되어 보여지고있다.


보통익스플로러 버전때문에 가로메뉴가 세로로보여지는 경우가 생기는데 크롬에서 테스트하면 크롬은 작동이 잘되는 경우도 있다.


<p>태그에 style을 넣어 사용하거나 table로 줘서 사용해도 괜찮지만

<ul><li></li></ul>태그를 사용하여 가로로 출력하면 된다는걸 알아버렸다.


기존소스가 <p>태그로 해서 가로로 출력되어있던 페이지를 style만 주어서 해결해 보려했으나 잘 되지않아, <ul><li></li></ul>태그를 사용해서 해결했다.


<ul style="list-style:none;margin:0;padding:0;padding-bottom:26px;">

<li style="margin:0 0 0 0; padding:0 0 0 0; border:0; float:left;">

</li>

<li style="margin:0 0 0 0; padding:0 0 0 0; border:0; float:left;">

</li>

</ul>


<ul>에 스타일을 주지 않아도 기본적으로 가로로 출력이 된다.