내 탐색 막대를 왼쪽에 넣는 방법

내 간단한 웹 페이지의 왼쪽에 내비게이션 막대를 놓는 데 문제가 있습니다. 헤더 섹션 아래에 있어야합니다. 이것은 전체 HTML 코드입니다.내 탐색 막대를 왼쪽에 넣는 방법

<html> 
<head> 
<title>My Homepage</title> 
</head> 
<style> 
#header{ 
width:800px; 
height:200px; 
background-color:yellow; 
} 
#footer{ 
width:800px; 
height:100px; 
background-color:red; 
clear:both; 
} 
#nav{ 
width:200px; 
height:400px; 
background-color:pink; 
float:left; 
} 
#con{ 
width:800px; 
height:400px; 
background-color:gray; 
} 
</style> 
<body> 

<div id=external> 
<div id=header><b>SAMPLE HEADER<b> <img src="kappa.gif"alt="kappa"height="50"width="50"></div> 
<div id=con><iframe name=container width=100% height=100% src=default.html></iframe></div> 
<div id=footer><b>PUP COPYRIGHT 2016<b> <img src="pup.jpg"alt="pup"height="50"width="50"></div> 
<div id=nav> 
<ul> 
    <li><a href=AboutUs.html target=container>About Us</a></li> 
    <li><a href=ContactUs.html target=container>Contact Us</a></li> 
</ul> 
</div>

내 간단한 웹 페이지의 왼쪽에 내비게이션 막대를 올리는 데 문제가 있습니다. 헤더 섹션 아래에 있어야합니다.

출처

2016-07-03 Apple John

당신을 제공 할 수 있도록 코드를 참조하십시오 html 코드? –

당신은 html 코드도 넣을 수 있겠습니까 ..... – vignesh

당신이 당신의 탐색이 직접 닫는 헤더 DIV 이하로까지 마크 업 이동하는 경우 귀하의 CSS 실제로 완벽하게 작동합니다

<div id=external> 
<div id=header><b>SAMPLE HEADER<b> <img src="kappa.gif"alt="kappa"height="50"width="50"></div> 
<div id=nav> 
<ul> 
    <li><a href=AboutUs.html target=container>About Us</a></li> 
    <li><a href=ContactUs.html target=container>Contact Us</a></li> 
</ul> 
</div> 
<div id=con><iframe name=container width=100% height=100% src=default.html></iframe></div> 
<div id=footer><b>PUP COPYRIGHT 2016<b> <img src="pup.jpg"alt="pup"height="50"width="50"></div>

출처

2016-07-03 17:31:59 Emily

그것이

#nav { 
    width: 100%; 
    height: auto; 
    background-color: pink; 
    float: left; 
} 

<div id=external> 
    <div id=header><b>SAMPLE HEADER<b> <img src="kappa.gif"alt="kappa"height="50"width="50"> 
     <div id=nav> 
      <ul> 
       <li><a href=AboutUs.html target=container>About Us</a></li> 
       <li><a href=ContactUs.html target=container>Contact Us</a></li> 
      </ul> 
     </div> 
    </div> 

    <div id=con><iframe name=container width=100% height=100% src=default.html></iframe></div> 
    <div id=footer><b>PUP COPYRIGHT 2016<b> <img src="pup.jpg" alt="pup" height="50" width="50"></div> 
</div>

출처

2016-07-03 17:36:04 vignesh

내 탐색 막대를 왼쪽에 넣는 방법

답변

관련 문제